移动端布局

一、屏幕分辨率

物理分辨率（硬件分辨率-出厂设置）

逻辑分辨率（缩放调节的分辨率-软件/驱动设置）

网页宽度和逻辑分辨率尺寸相同

 

 

 

 二、视口

三、二倍图

现阶段设计稿参考iPhone6/7/8,设备宽度375px 产出设计稿

二倍图设计稿尺寸：750px

 

四、适配方案

· 宽度适配：宽度自适应

① 百分比布局

② Flex 布局

· 等比适配：宽高等比缩放

① rem (需要导入flexible.js ，font-size设置视口宽度的1/10)

② vw