css - 浏览器宽度和屏幕分辨率是否相同？

Question

我正在创建一个响应式网站/混合应用程序，并且我开始发现许多有关 CSS3 的新信息。

在通过媒体查询时，我发现我们可以检测到浏览器的许多属性，如下所示：

min-device-width
max-device-width
min-device-height
max-device-height
orientation:portrait
orientation:landscape
-webkit-min-device-pixel-ratio
-webkit-max-device-pixel-ratio

还有很多...

所以我的问题是：

1.屏幕分辨率和得到的device-width一样吗..？

2. 如果没有，我可以使用 css3 定位浏览器分辨率吗？

谢谢

罗伊

Answer 1

device-width
描述输出设备的宽度（指整个屏幕或页面，而不仅仅是渲染区域，如文档窗口）。

width
宽度媒体特性描述了输出设备的渲染表面的宽度（例如文档窗口的宽度，或打印机上页面框的宽度）。

资源