定心丸：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在…

移动端需要禁止用户缩放，否则体验非常差劲，话不多说，上头部代码。(来源百度) 初始化样式，这个就不多说了，上代码。 关于rem，网上也是一堆说法，楼主之前也看过一些网上的，写的比较乱。下面附上楼主的代码。 body背景图兼容;之前做body背景图时候在安卓下不兼容，不是自适应，…

声明文档使用的字符编码:<metacharset='utf-8'>强制让文档与设备的宽度保持1：1,对页面设置不能进行缩放：<metaname="viewport"content="width=dev

最近在公司写一个混合 app 项目，页面基本全部都是用 H5 完成，嵌入到原生 webview 下。发现一个问题，在 iPhone 6 下 苹果手机的状态栏会挡住页面，导致页面下移，样式错乱，最后网上查找了些解决办法，加了一条 meta 标签解决了问题。今天特来总结下常用的移动…

另外，建议X-UA这样写更多：https://www.cnblogs.com/supershare/p/5709846.html