相关疑难解决方法(0)

在javascript中获取设备宽度

有没有办法使用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,这对我来说似乎并不优雅.

javascript css media-queries

112
推荐指数
9
解决办法
20万
查看次数

标签 统计

css ×1

javascript ×1

media-queries ×1