页面自适应失效

Question

原来写过的一些页面，放到手机明明可以自适应的，为什么现在看不管用了呢？
加的这段代码↓↓↓

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Answer 1

第一行删掉试试

Answer 2

这个只是将屏幕宽度定义为逻辑分辨率而已, 只是自适应的第一步, 是不是自适应主要看css

而且就算不写这个, 也是可以用rem做自适应的

Answer 3

自适应还需要写css媒体查询的吧，这样就可以了那还得了

Answer 4

建议先用流体布局吧

Answer 5

相对单位：em rem pt pc ex ch;

百分比单位：vw vh vm %;

Answer 6

移动端页面布局，如果你想要适配各种分辨率手机，建议你用rem，通过js计算html的fontSize应该是可以达到各种设备的兼容需求，不过IE8以下不支持rem。