1

我想要灵活的宽度，我的意思是当我尝试调整窗口大小时，我的窗口宽度会自动更改（基于窗口宽度）而不刷新

我想在我的示例文档中这样做，我该怎么做？

我的示例文件：

<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>

$(document).ready(function() {
    var Ww = $(window).width()
    var Wh = $(window).height()
    $('.test').css({"width":Ww+"px","height":Wh+"px"});
});
</script>
<style>
* {
    margin:0;
    padding:0;
}
.test {
    background-color:#000;
}
</style>
</head>
<div class="test"></div>
<body>
</body>
</html>
4

2 回答 2

0 
function resizer(){
    var Ww = $(window).width(),
        Wh = $(window).height();
    $('.test').css({width:Ww, height:Wh});
}

$(function(){ // DOM READY
    resizer();
});

$(window).resize(function(){
    resizer();
});
于 2013-10-27T19:52:03.307 回答
-1

你可以通过 CSS 做到这一点，不需要使用 jQuery。

.test {
  width: 100%;
  height: 100%;
  position: absolute;
}

但是如果您仍然有任何理由通过 jQuery 这样做，则需要添加以下函数。

<script>
$(window).resize(function() {
    var Ww = $(window).width()
    var Wh = $(window).height()
    $('.test').css({"width":Ww+"px","height":Wh+"px"});
});

$(document).ready(function() {
    var Ww = $(window).width()
    var Wh = $(window).height()
    $('.test').css({"width":Ww+"px","height":Wh+"px"});
});
</script>
于 2013-10-27T19:28:18.857 回答