div根据浏览器窗口大小变化而改变大小

时间:2020-04-02 11:08:53   收藏:0   阅读:91

jquery中的 resize( ) 方法可以动态监控浏览器窗口的大小

$(function(){
    $(window).resize(function(){
        var cliWidth = document.body.clientWidth; //浏览器宽
        var cliHeight = document.body.clientHeight;//浏览器高
        //根据浏览器宽高动态改变div的宽高
        $("#box").width(cliwidth);
       $("#box").height(cliheight); 
    })            
});            

注: $(selector).resize();  可以触发selector元素的 resize 事件

原文:https://www.cnblogs.com/webmc/p/12617751.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!