CSS媒體查詢：桌面設備寬度

Question

我有一個與使用CSS媒體查詢相關的特殊問題。 就像我們說iPad的設備寬度一樣，我認爲它始終返回768px（兩個方向） 但是在桌面瀏覽器上，設備寬度的返回值究竟是什麼？ 它與「寬度」在桌面媒體查詢中返回的值有什麼不同？

Answer 1

的規範，可以訪問兩個：

https://developer.mozilla.org/en/CSS/Media_queries

設備寬度：對輸出設備的寬度（意味着整個屏幕或頁面，而不僅僅是呈現區域，比如作爲文檔窗口）。

寬度：寬度介質特徵描述了輸出設備的渲染表面的寬度（例如文檔窗口的寬度或打印機上的頁面框的寬度）。

所以設備寬度是顯示硬件的寬度，無論是手機本身還是桌面顯示器。顯然，由於屏幕大小對瀏覽器視口大小的影響不大，因此在桌面環境中不太有用。