您现在的位置是：网站首页> 编程资料编程资料
html页面高度不固定在不同浏览器下的兼容性设置浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
2021-09-07
1051人已围观
简介 页面需要嵌套在跨域的iframe中，而页面高度不固定，需要每个页面把自己的高度获得后，通过js通知iframe调整显示，具体实现以及不同浏览器兼容性设置如下，感兴趣的朋友可以参考下哈
页面需要嵌套在跨域的iframe中，而页面高度不固定，需要每个页面把自己的高度获得后，通过js通知iframe调整显示。
而页面在获得自己的高度时，发现总是比预想的大。经过参考别人的博客，发现原来是w3c标准的原因。
也就是要在前面加上
加上之后，document.documentElement.scrollHeight在IE和Chrome下，可以正常取到合适的全文高度，但是firefox下取到的则过高；用document.body.scrollHeight取则恰好相反。
因此最后采用了Math.min(document.documentElement.scrollHeight,document.body.scrollHeight)获得最小高度，正常。
但是加上W3C标准后，画面也出现了一些小的不同，比如页面的行间距，似乎IE的就要短一些，有些地方重合了。而且css也会严格区分大小写。
参考文章url：
https://www.jb51.net/article/19844.htm
https://www.jb51.net/article/32874.htm
内容：
js获取页面高度 2011-06-02 14:20:02| 分类：JavaScript | 标签：body document clientwidth 宽度 页面高度 |字号大中小 订阅.
而页面在获得自己的高度时，发现总是比预想的大。经过参考别人的博客，发现原来是w3c标准的原因。
也就是要在前面加上
加上之后，document.documentElement.scrollHeight在IE和Chrome下，可以正常取到合适的全文高度，但是firefox下取到的则过高；用document.body.scrollHeight取则恰好相反。
因此最后采用了Math.min(document.documentElement.scrollHeight,document.body.scrollHeight)获得最小高度，正常。
但是加上W3C标准后，画面也出现了一些小的不同，比如页面的行间距，似乎IE的就要短一些，有些地方重合了。而且css也会严格区分大小写。
参考文章url：
https://www.jb51.net/article/19844.htm
https://www.jb51.net/article/32874.htm
内容：
js获取页面高度 2011-06-02 14:20:02| 分类：JavaScript | 标签：body document clientwidth 宽度 页面高度 |字号大中小 订阅.
复制代码
代码如下: