如何在 JavaScript 中获取用户的设备宽度，而不是视口宽度？

在 JavaScript 中检测设备宽度

问题：

我们如何获取用户的设备宽度，与视口宽度不同，使用JavaScript？

答案：

CSS 媒体查询提供了一种使用 max-device-width 属性来实现此目的的方法。然而，在使用 JavaScript 绑定时，我们通常只能访问视口宽度。

优雅的解决方案：

为了优雅地解决这个问题，我们可以利用屏幕。 width 属性来检索设备屏幕宽度。在某些情况下，例如在处理窗口大小可能与设备屏幕大小不同的桌面浏览器时，我们可以使用 window.innerWidth 代替。

跨平台兼容性：

要获得适用于移动和桌面浏览器的全面解决方案，请考虑以下因素：

var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

这可确保无论查看上下文如何，我们都能获得正确的设备宽度。

以上是如何在 JavaScript 中获取用户的设备宽度，而不是视口宽度？的详细内容。更多信息请关注PHP中文网其他相关文章！