2012-01-09 65 views
4

我想用一個「響應式設計」製作一個Web應用程序,將JavaScript屏幕分辨率回傳給服務器,並根據這些信息做出決定,但問題是我可以依靠window.screen來始終提供正確的筆記本電腦,平板電腦,screen.width和screen.height的可靠程度如何?

當然考慮到它只支持現代瀏覽器和設備。

+0

不同瀏覽器之間不支持所有window.screen屬性。 寬度和高度都可靠。 請參閱[W3C DOM兼容性 - CSS對象模型視圖](http://www.quirksmode.org/dom/w3c_cssom.html#screenview) – DamirR 2012-01-09 21:18:41

+0

這是一個瀏覽器問題 - 大多數移動瀏覽器報告您期望但不是全部他們在所有的時間。例如,[Mobile Firefox](https://developer.mozilla.org/en/Mobile/Viewport_meta_tag)將在下一個版本中獲得此權利... – elijah 2012-01-09 21:15:06

回答

1

是的,screen.widthscreen.height是可靠的,但是你可能會對佈局頁面的窗口大小更感興趣。例如,在CSS3中的@media查詢使用窗口大小,而不是屏幕大小。

+0

媒體查詢最小或最大設備寬度和高度到屏幕上。 – kennebec 2012-01-09 21:50:42

+0

謝謝 - 不知道那些XD – 2012-01-09 22:05:45

+0

根據https://code.google.com/p/android/issues/detail?id=12455,似乎不可靠;我可以補充一點,如果你旋轉你的設備方向,屏幕寬度和高度不會立即更新,但是......稍後半秒鐘。我不稱之爲「可靠」。 – Pierre 2014-03-07 10:39:57

相關問題