在javascript中获取设备的宽度
6 浏览
在javascript中获取设备的宽度
有没有办法使用JavaScript获取用户设备的宽度，而不是视口宽度？
CSS媒体查询可以实现这一点，例如：
@media screen and (max-width:640px) {
/* ... */
}
和
@media screen and (max-device-width:960px) {
/* ... */
}
如果我正在针对横向手机进行定位，这非常有用。例如，在iOS上，max-width:640px将同时定位横向和纵向模式，即使在iPhone 4上也是如此。据我所知，这在Android上不适用，因此在这种情况下使用device-width可以成功地定位两个方向，而不会定位到桌面设备。
然而，如果我根据设备宽度调用JavaScript绑定，似乎只能测试视口宽度，这意味着需要额外的测试，如下所示：
if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }
对我来说，这看起来不够优雅，考虑到CSS中提供了设备宽度的提示。