2012-03-01 72 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