我在谷歌上搜索了这个，得到了一个quirksmode site，它给了你你的屏幕尺寸。拉起控制台，我看到screen.width和screen.height可以直接从窗口对象中获得。
我想在纯JavaScript中进行检测以开始。我可以在所有设备和浏览器中使用此属性吗-移动的，平板电脑，PC和Chrome，Safari，IE，Firefox。
我不关心由于重新调整大小等而改变的视图端口，只是屏幕的实际大小没有改变。
我希望有一个单一的属性，我可以检查跨设备和浏览器。
以下是wikipedia on responsive web design.的一些一般信息
4条答案
按热度按时间cgvd09ve1#
看一看Get the device width in javascript
Media Queries也可以在js中使用：
另一种方法是：
k0pti3hp2#
screen.width是您正在寻找的属性.unftdfkk3#
这是我经过长时间的预感后所做的。下面的这些属性提供了基于新标签大小的响应大小。
11dmarpk4#
好吧，
screen.width和screen.height将检测屏幕的宽度和高度，而不一定是用户浏览器的宽度/高度。所以如果用户调整浏览器的大小，这可能无法提供准确的阅读。https://developer.mozilla.org/en-US/docs/Web/API/Screen/width另一种方法是使用
window.innerWidth和window.innerHeight。无论设备/屏幕如何，这都将提供实际的浏览器宽度/高度。https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth一些测试将确定哪一个最适合您的要求。
您可能还想了解布局视口https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport