F11全屏事件监听以改变子DOM窗口大小

最新推荐文章于 2024-02-29 15:29:40 发布

鱼鱼QY

最新推荐文章于 2024-02-29 15:29:40 发布

阅读量1.7k

点赞数

分类专栏： JS小细节文章标签：全屏监听 F11 响应式改变DOM元素大小

本文链接：https://blog.csdn.net/Qiuuuy/article/details/93345682

版权

JS小细节专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前提知晓
我们需要改变的DOM元素的尺寸参考是：“window.innerWidth”和“window.innerHeight”,请铁友们注意“innerWidth”和“ outerWidth”的区别。
innerheight：返回窗口的文档显示区的高度
innerwidth：返回窗口的文档显示区的宽度
而 outerWidth 和 outerHeight 属性则获取的是加上工具条与滚动条窗口的宽度与高度。
解决办法
当然啦，办法还是使用最简单粗暴的“window.onresize()”方法啦，下面贴上自己的简单代码：

       $(function(){
                window.onresize = function(){
                //Div1是我要改变尺寸的目标DOM元素
                    $("#Div1").css({
                        'width': window.innerWidth,
                        'height': window.innerHeight-5,
                    });
                    //其他创作就请大家尽情发挥哈~
                }
            })；