百分比布局(弹性布局)

705 阅读1分钟

一、定义

百分比布局,又称弹性布局

eg:——拉勾网、天猫首页

高度不变,宽度等比缩放

高度值固定,宽度百分数

  • 好处:充分发挥大手机的优势,屏幕越大显示内容越多
  • 缺点:屏幕过大,间距过大,比例失调。

特点:

  • 顶部与底部的bar不管分辨率怎么变,它的高度和位置都不变;
  • 中间每条招聘信息不管分辨率怎么变,招聘公司的图标等信息都位于条目的左边,薪资都位于右边。