2012-03-01 57 views
0

我正在适应一个网站移动设备和设置HTML,身体和主包装100%的宽度,和Opera Mini和其他设备的黑莓显示的宽度比屏幕的两倍,因为当他们进入他们出现的页面“缩小”,我想这是一个设备配置的东西比CSS的东西,但以防万一:宽度100%在移动设备

有没有一种方法来获得移动设备的真实屏幕宽度?我尝试避免使用Javascript,因为通过JS获取宽度需要重新加载页面,这并不好,特别是如果从移动设备上浏览,加上我的经验,JS对手机分辨率不是很准确。

这是我的CSS:

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

使用JS获取宽度不需要重新加载。你有没有尝试过,它没有奏效?我从来没有得到任何问题获得屏幕正确的像素宽度使用JS – danwellman 2012-03-01 08:51:10

+0

我的意思是,它需要重新加载,以调整主包装的宽度从服务器,在这种情况下,在PHP – 2012-03-01 08:52:25

回答

0

有没有必要html, body & #wrapper定义width:100%个百分点。 ,因为它们默认自动调整大小

+0

好点,虽然'宽度:100%'是不同于'width:auto'。 – BoltClock 2012-03-01 08:53:22

+0

是的,你说的对,默认的效果比100%好,但至少在我的Blackberry Opera Mini上它仍然不是100%,它可能比屏幕宽度多出20% – 2012-03-01 08:58:55