好程序员web前端技术分享移动端页面布局

好程序员web前端技术分享移动端页面布局

一、弹性布局（100%布局）的特点

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

特点：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放

• 

  二、什么是屏幕尺寸？

  移动端屏幕尺寸:屏幕对角线的长度，单位是英寸(1英寸=2.54厘米)。

  常见的尺寸有：2.4，2.8，3.5，3.7，4.2，5.0，5.5，6.0

•