如何检测响应式网页设计的屏幕尺寸？

我用谷歌搜索了这个并得到了怪异模式网站 http://www.quirksmode.org/m/tests/widthtest.html这给了你你的屏幕尺寸。拉起控制台我看到screen.width and screen.height可以直接从 window 对象获得。

我想开始用纯 JavaScript 进行检测。我可以在所有设备和浏览器（移动设备、平板电脑、PC 和 Chrome、Safari、IE、Firefox）上使用此属性吗？

我不关心由于重新调整大小等而导致的视口变化。只关心屏幕的实际大小不会改变。

我希望有一个属性可以跨设备和浏览器检查。

这是一些一般信息维基百科关于响应式网页设计。 https://en.wikipedia.org/wiki/Responsive_web_design

看一眼在javascript中获取设备宽度 https://stackoverflow.com/questions/6850164/get-the-device-width-in-javascript

媒体查询也可以在 js 中工作：

if (window.matchMedia('screen and (max-width: 768px)').matches) {}

另一种方法是：

var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);