设屏幕自适应

最新推荐文章于 2021-07-21 13:58:57 发布

原创最新推荐文章于 2021-07-21 13:58:57 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的JavaScript函数，用于实现网页元素随着浏览器窗口大小的变化而自适应调整高度和宽度。通过监听窗口尺寸变化事件，自动调整指定div的高度，并对内部元素进行最大宽度和高度设置。

window.onresize = function () {

setWindowHeight();

// container_right 最外部DIV

resizeChange.setDivMaxWidthHeight($("#container_right").width() - 6, $("#container_right").height() - 6);
};
//设屏幕自适应
function setWindowHeight() {
var bodyh = document.documentElement.clientHeight;
$("#container_right").css('height', (parseInt(bodyh)) + 'px');
}