最近在写移动端项目,算是自己第一次写整站的移动端项目吧,REM+百分比响应式布局
但是在手机上测试的时候显示还是不对,这是为什么呢?
因为用chrome自带模拟器是没有把屏幕顶部,也就是手机信号电量那一栏算在内的,这就导致做出来的效果跟模拟器不一致
所以我一般会在chrome自己设置几个微信内置浏览器的分辨率,这个分辨率在IPHONE自带的safari浏览器上也是一样的
分辨率如下:
iPhone4 320 x 416
iPhone5 320 x 504
iPhone6 375 x 603
iPhone6 Plus 414 x 672
宽度没变化,主要是高度变了