js监听窗口变化及获取窗口大小

最新推荐文章于 2026-05-10 15:32:01 发布

原创最新推荐文章于 2026-05-10 15:32:01 发布 · 4.5w 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #js #浏览器窗口大小

收录于

JavaScript 同时被 2 个专栏收录

26 篇文章

订阅专栏

26 篇文章

订阅专栏

本文介绍了一种网页窗口尺寸自适应调整的方法，包括使用 JavaScript 的 window.onresize 事件监听窗口大小变化并获取 Android 和苹果设备的屏幕尺寸。

window.onresize=function(){  
 $(window).width();  
}

窗口大小：

    var offsetWid = document.documentElement.clientWidth;
    var offsetHei = document.documentElement.clientHeight;

    if (/(Android)/i.test(navigator.userAgent)){     // 判断是否为Android手机
        offsetWid = screen.width;
        offsetHei = screen.height;
    }else if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){  // 判断是否为苹果手机
        offsetWid=document.documentElement.clientWidth;
        offsetHei=document.documentElement.clientHeight;
    }