F11全屏事件监听以改变子DOM窗口大小_f11全屏后退出 某些dom元素大小不改变

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

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