已解决:jquery 检查屏幕大小

最后更新: 09/11/2023

使用 jquery 检查屏幕尺寸是否合适的主要问题是它可能不准确。

 is mobile

var isMobile = false; //initiate as false
// device detection
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo||midp||mmp||netfront||opera m(ob|in)i||palm( os)?||phone||p(ixi|re)/8.0.+mobile.+firefox/i.test(navigator.userAgent)){ 
    isMobile = true;
}

此代码正在检查设备是否为移动设备。 首先将 isMobile 设置为 false。 然后,它使用正则表达式检查导航器的用户代理字符串。 如果找到匹配项,则将 isMobile 设置为 true。

jQuery 中的屏幕属性

您可以使用一些属性来控制屏幕在 jQuery 中的外观。

宽度和高度:这些属性设置屏幕的宽度和高度,以像素为单位。

orientation:您可以使用此属性指定屏幕是纵向模式还是横向模式。

display:此属性指定屏幕是否应显示为全屏窗口。

什么是jQuery

jQuery 是一个 JavaScript 库,可帮助您创建动态的响应式网站。 它包括用于处理事件、动画元素和创建 Ajax 交互的功能。

相关文章: