窗口收缩到一定程度出现滚动条

转载于 2018-07-11 17:25:00 发布 · 713 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenze-Index/p/9295729.html

本文介绍了一种网页布局中常见的自适应窗口尺寸调整方法。通过JavaScript监听窗口大小变化并相应地调整页面body元素的高度和宽度，实现不同屏幕尺寸下的良好显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js:

 　　　　Resize: function () {
            var width = $(window).width(),
            height = $(window).height();
            $("body").css({
                "width": width,
                "height": height,
                "overflow": "hidden"
            });
            if (width <= 1186) {
                $("body").css({
                    "overflow": "auto"
                });
            }
        },

window.onresize = function () {
        mainUtil.WindowsSize();
}
window.onload = function () {
        mainUtil.WindowsSize();
}

转载于:https://www.cnblogs.com/chenze-Index/p/9295729.html