程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在javascript中获取设备宽度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在javascript中获取设备宽度?

开发过程中遇到在javascript中获取设备宽度的问题如何解决?下面主要结合日常开发的经验,给出你关于在javascript中获取设备宽度的解决方法建议,希望对你解决在javascript中获取设备宽度有所启发或帮助;

您可以通过screen.wIDth属性获取设备的屏幕宽度。 有时,在处理窗口大小通常小于设备屏幕大小的桌面浏览器时,使用window.innerWIDth(通常在移动设备上找不到)而不是屏幕宽度也很有用。

通常,在处理移动设备和桌面浏览器时,我使用以下内容:

 var wIDth = (window.innerWIDth > 0) ? window.innerWIDth : screen.wIDth;

解决方法

有没有一种方法可以使用javascript获取用户设备的宽度,而不是视口的宽度?

我可以说CSS媒体查询提供了这一点

@media screen and (max-width:640pX) {
    /* ... */
}

@media screen and (max-device-width:960pX) {
    /* ... */
}

如果我将智能手机定向为横向模式,这将很有用。例如,在iOS @H_766_7@max-width:640px上,即使在iPhone 4上,也将同时声明横向和纵向模式的声明
,据我所知,Android并非如此,因此在这种情况下使用device-width成功地同时针对两个方向,而不定位桌面设备。

但是 ,如果我基于设备宽度调用javascript绑定,则似乎只能测试视口宽度,这意味着需要@R_675_10334@额外测试,

if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }

虑到设备宽度可供CSS使用的提示,这对我来说似乎并不优雅。

大佬总结

以上是大佬教程为你收集整理的在javascript中获取设备宽度全部内容,希望文章能够帮你解决在javascript中获取设备宽度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。