首页 > 其他 > 详细

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

时间:2020-04-02 11:08:53      阅读:90      评论:0      收藏:0      [点我收藏+]

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 事件

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!