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

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。屏幕分辨率是否与获得的设备宽度相同..？

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

由于

罗伊

Answer 1

  

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

     

<强>宽度
  宽度媒体功能描述了输出设备渲染表面的宽度（例如文档窗口的宽度或打印机上页面框的宽度）。

source