首页 > 页面自适应失效

页面自适应失效

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

<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">

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


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

百分比单位:vw vh vm %;


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

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


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


第一行删掉试试


建议先用流体布局吧

【热门文章】
【热门文章】