移动设备的宽度为100%

时间:2012-03-01 08:43:23

标签: css mobile

我正在调整网站到移动设备并将html,body和main包装设置为100%宽度,而使用Opera mini和其他设备的黑莓显示的宽度是屏幕的两倍,就像他们进入页面时一样“缩小”,我想这更像是一个设备配置而不是CSS的东西,但以防万一:

有没有办法在移动设备中获得真正的屏幕宽度?我试图避免使用Javascript,因为通过JS获取宽度会需要页面重新加载,这并不好,特别是如果从移动设备上浏览,加上根据我的经验,JS对于移动设备分辨率不是很准确。

这是我的CSS:

html, body {width: 100%; height: 100%;}
#wrapper{width: 100%;}

1 个答案:

答案 0 :(得分:0)

无需在width:100%中定义html, body & #wrapper%。 因为它们默认为自动尺寸