jquery实现div自适应浏览器高度（宽度）

最新推荐文章于 2024-07-03 09:36:39 发布

q707096967

最新推荐文章于 2024-07-03 09:36:39 发布

阅读量9.2k

点赞数

分类专栏： Web前端

Web前端专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>jquery实现div自适应浏览器高度（宽度）</title>
<meta name=”keywords” content=”html5″ />
<meta name=”description” content=”html5 test” />
<script type=”text/javascript” src=”jquery-1.7.1.min.js”></script>
<script type=”text/javascript”>
function autoHeight() {
var h = $(window).height();
var h_old = 300;
if (h > h_old) {
$(“.left”).css(‘height’, h);
} else {
return false;
}
}
$(function() {
autoHeight()
$(window).resize(autoHeight);
})
</script>
<style type=”text/css”>
html, body {
margin: 0;
height: 100%;
}
.left {
width: 100px;
background: #E8EFF6;
margin-left: 100px;
}
</style>
</head>
<body>
<div class=”left”>
das
</div>
</body>
</html>