移动端h5页面适配

Question

如果移动端h5页面要做苹果和安卓的各种机型和尺寸的适配（不要问我为什么，公司领导就是这么坑！！！！），请问需要注意哪些问题呢？这个问题比较大，希望大家不吝赐教！！谢谢~

Answer 1

看看大牛们怎么弄的

Answer 2

首先你要确定你使用什么样的方法来实现适配，现在比较流行的几种适配的方式：

1. 百分比的方式去实现

2. 固定宽度做法

3. 设置viewport进行缩放

4. REM方法

具体的介绍你可以看看这篇文章：
web app变革之rem

Answer 3

给body设font-size:62.5%;后面的用rem表示

Answer 4

http://html-js.com/article/MobileWeb

Answer 5

我收藏的一个方法：
移动rem布局之用js根据屏幕宽度动态计算html的font-size值。

Answer 6

兼容 适配 想好好写css都难