在前一阵子,公司的网站需要兼容ie11。在刚开始的时候,网站在ie11浏览器下显示会有异常,本应该是填充满整个浏览器的页面,现在高度只有250左右。
刚开始以为是html元素的css设置不对,一直在改样式,添加了各种height=100%都不能解决问题,后来使用代码获取元素的高度,发现这个高度一直是250,但是只要页面呈现出来后,再来获取高度,高度就变成正常了。然后我尝试着在onload事件里面添加获取高度的代码,依旧是250,看来这个还是无法解决问题。
在百度上找了很久,发现有个事件onresize,是窗口大小发生变化的时候调用的,于是我把调整高度的代码放到这个事件中,页面就可以显示了。
ie11估计是在页面呈现出来之前,元素的高度应该是还没初始化,导致获取到的高度都是默认值(250)。在呈现出来的时候,窗口的高度改变了,就触发了onresize事件,所以要获取正确的高度需要等到页面呈现出来之后。
ie11下页面显示不正常,hight获取不正确
最新推荐文章于 2023-06-15 15:25:45 发布