我想用一個「響應式設計」製作一個Web應用程序,將JavaScript屏幕分辨率回傳給服務器,並根據這些信息做出決定,但問題是我可以依靠window.screen來始終提供正確的筆記本電腦,平板電腦,screen.width和screen.height的可靠程度如何?
當然考慮到它只支持現代瀏覽器和設備。
我想用一個「響應式設計」製作一個Web應用程序,將JavaScript屏幕分辨率回傳給服務器,並根據這些信息做出決定,但問題是我可以依靠window.screen來始終提供正確的筆記本電腦,平板電腦,screen.width和screen.height的可靠程度如何?
當然考慮到它只支持現代瀏覽器和設備。
是的,screen.width
和screen.height
是可靠的,但是你可能會對佈局頁面的窗口大小更感興趣。例如,在CSS3中的@media
查詢使用窗口大小,而不是屏幕大小。
不同瀏覽器之間不支持所有window.screen屬性。 寬度和高度都可靠。 請參閱[W3C DOM兼容性 - CSS對象模型視圖](http://www.quirksmode.org/dom/w3c_cssom.html#screenview) – DamirR 2012-01-09 21:18:41
這是一個瀏覽器問題 - 大多數移動瀏覽器報告您期望但不是全部他們在所有的時間。例如,[Mobile Firefox](https://developer.mozilla.org/en/Mobile/Viewport_meta_tag)將在下一個版本中獲得此權利... – elijah 2012-01-09 21:15:06