2012-11-11 109 views
0

我得到的分辨率是星系連接720x1280。但是當我調用$(window).width()時,它只返回360px。無論如何要計算其他設備上$(window).width()的值嗎?舉個例子,galaxy s 480x800?我需要這些值爲我的媒體查詢:移動設備分辨率和瀏覽器視口大小

@media only screen and (min-width: 360px){ 
    body{ 
     font-size: 62.5%; 
    } 
} 

回答

2

我不知道你是否會喜歡我的答案..但這裏。

忘掉寬度(固定寬度至少),並使您的網站設備不可知論者。不要將您的斷點建立在流行的設備解決方案基礎上,而應將其基於您的內容。繼續瀏覽這個瀏覽器窗口,直到你看到「那看起來不正確」的直覺 - 這就是你的下一個斷點。

儘可能保持流暢,並依靠相對單位 - 即使在您的媒體查詢聲明中。

我建議由克里斯·阿姆斯特朗給這篇文章讀:http://www.alistapart.com/articles/the-infinite-grid/(ALA雖然看似暫時脫機)

如果我錯過了問題,請恰倒投票點,但我敢肯定這是你正在尋找的。