有什么移动端页面的开发经验可以介绍一下么

[loginv2]

最近在写移动端的页面适配真是感觉好难
手机浏览器用户选择都不一样
PC 上 chrome 屏幕模拟和手机效果也不一样
设备分辨率也不一样（目前是媒体查询几个主流分辨率然后分别写适配）
也没好用的调试手段，碰到疑难杂症只能猜着调试（心好累）
还有诡异的 safari 和微信浏览器 前者样式解析经常出现和预期不一样的情况，后者还多了一个缓存问题
求老司机介绍些移动端页面开发姿势啊

[suinia]

前天刚好参加了一个前端分享有一个是移动端多屏适配方案。你可以看看
https://github.com/jackness1208/flexlayout

[chairuosen]

rem 方案比较好

[loginv2]

@suinia 谢谢

@chairuosen 字体方面已经用了 rem 虽然实现了一部分要求 但是感觉代码上好乱，自己本身也是半吊子后端出身，关于字体的整体方案上有什么推荐的资料么

[Jaylee]

@loginv2 主要是布局应该使用 rem

[DualWield]

chrome 的开发者工具很好用了；
字体和布局用 rem 方案比较好；


不知道你开发的移动页面属于什么类型的？
可以说说可以给你更具体的建议

[jin5354]

http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html

移动端针对不同屏幕不同 dpr ， lib-flexible + flex 几乎都能搞定，现在写的页面全部使用这个布局，基本做到一次编写各处运行

[nttisthebest]

rem，写什么媒体查询；
手机端用弹性布局（伸缩布局 / flex ）最好了，少写很多样式；
用 jquery+fastclick 或者 vue+fastclick+px 自动转换 rem 的插件；
至于 js 兼容性，手机端还好，不像 IE ；