码迷,mamicode.com
首页 > 其他好文 > 详细

iframe高度/宽度自适应(使用body而不是docuemntElement对象)

时间:2017-04-13 12:57:20      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:cti   宽度   resize   浏览器   cli   适应   load   get   无法   

iframe在ie11中会显示过于短。为了自适应,增加如下代码: 

<iframe *** onload=‘changeFrameHeight()‘ >

 

 <script> 

        function changeFrameHeight() {

            var ifm = document.getElementById("content3");

            ifm.height = document.body.clientHeight ;

            ifm.width = document.body.clientWidth ;

        }

        window.onresize = function () {

            changeFrameHeight();

        }

</script> 

请注意,需要使用document.body.clientHeight,网上的教程写的是document.documentElement.clientHeight,在ie11和firefox中测试通过(本来就是为了兼容ie11才做的),但是在360浏览器下,document.documentElement.clientHeight永远为0。话说现在360浏览器的市场占有率很高啊(在文化程度不高的群体中),我司就是写了document.documentElement.clientHeight导致iframe无法显示,因此有大量的人发生此问题来投诉。。。作为一个强迫症程序员,心好累

 

iframe高度/宽度自适应(使用body而不是docuemntElement对象)

标签:cti   宽度   resize   浏览器   cli   适应   load   get   无法   

原文地址:http://www.cnblogs.com/fourier/p/6703215.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!