有没有办法使用javascript获取用户设备宽度,而不是视口宽度?
正如我所说,CSS媒体查询提供了这一点
@media screen and (max-width:640px) {
/* ... */
}
Run Code Online (Sandbox Code Playgroud)
和
@media screen and (max-device-width:960px) {
/* ... */
}
Run Code Online (Sandbox Code Playgroud)
如果我的目标是横向智能手机,这将非常有用.例如,在iOS max-width:640px上,即使在iPhone 4上,也会针对横向和纵向模式进行声明. 据我所知,这不是Android的情况,因此在此实例中使用设备宽度成功地定位两个方向,没有针对桌面设备.
但是,如果我基于设备宽度调用javascript绑定,我似乎仅限于测试视口宽度,这意味着额外的测试,如下所示,
if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }
Run Code Online (Sandbox Code Playgroud)
考虑到设备宽度可用于css,这对我来说似乎并不优雅.