jq设置页面大小的方法

jquery是一js脚本代码的一个集成库，它可以很好的帮助我们操作html文档中的元素以及它们的渲染样式。下面就说一说利用jquery来设置页面大小的方法。

jquery设置页面大小的方法

jq中的CSS方法可以设置指定html元素的样式，比如颜色，高度，宽度等。

例：jq设置页面为固定大小

// 设置页面的大小为宽500px 高500px
$("body").css({"width":"500px","height":"500px"});
// 设置某个元素为固定大小
$("div").css({"width":"500px","height":"500px"});

例：利用Jq来实现元素与窗口大小的自适应

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
$(window).resize(function(){
    var w = $(window).width();
    var h = $(window).height();
    $("body").css({"width":w,"height":h});
});
</script>

注：resize()事件是用来检测浏览器窗口大小的变化，只有在浏览器的窗口发生变发时才会触发。