手机页面适配

1. rem + @media 适配手机页面

rem 用的 flexible.js 插件

@media 用来调整细节

/*iphone4/4s */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {}

/*iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {}

/*iphone6 */
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {}

/*iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {}

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,543评论 1 91
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 16,309评论 5 79
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 161,747评论 24 692
  • (一) 这么久没见,你还是没有变! 我很后悔。 后悔在大学的时候贪玩,没能好好的对自己进行职业规划,仓促的就进入到...
    随心摆文阅读 142评论 0 3
  • 刚才看了papi的视频,她把自己赚到大部分钱都捐给了母校,借此帮助母校的建设,也为师弟师妹们创造更好的环境。其实,...
    儒媛阅读 43评论 0 0
  • 世界级九大名家大师谈资金管理 当操作不顺时,减量经营;当操作渐入佳境时,增量经营。假如你持有的头寸出现亏损,解决的...
    张炯鑫阅读 226评论 0 2