我正在调整网站到移动设备并将html,body和main包装设置为100%宽度,而使用Opera mini和其他设备的黑莓显示的宽度是屏幕的两倍,就像他们进入页面时一样“缩小”,我想这更像是一个设备配置而不是CSS的东西,但以防万一:
有没有办法在移动设备中获得真正的屏幕宽度?我试图避免使用Javascript,因为通过JS获取宽度会需要页面重新加载,这并不好,特别是如果从移动设备上浏览,加上根据我的经验,JS对于移动设备分辨率不是很准确。
这是我的CSS:
html, body {width: 100%; height: 100%;}
#wrapper{width: 100%;}
答案 0 :(得分:0)
无需在width:100%
中定义html, body & #wrapper
%。
因为它们默认为自动尺寸