首页 > 微信营销 > 微信开发 > IE10\IE11中IFRAME页面高度显示有问题的解决方案

IE10\IE11中IFRAME页面高度显示有问题的解决方案

2018-07-17 12:05:11 200万次浏览

IE10\IE11中IFRAME页面高度显示只有一半不到,有些页面的高度显示是正常的,有些页面点击之后高度只有一点点。但是在IE9和其他各种浏览器中都显示正常的,有时真的服了IE,太难伺候了,稍微有点不兼容,其他浏览器都可以正常显示,只有IE!!只有IE显示的乱七八糟!!!有次有个标签关闭被误删除了,结果测试了很长时间都没发现问题,因为只有在IE的特定版本会出现,其他浏览器完全忽略了,都正常显示的,就IE不只是显示不正常,而是直接不显示整个页面!!!!

言归正传,今天出现的IFRAME高度不兼容的问题,也是因为IE浏览器对HTML标签的要求非常高导致的。主要是页面声明的问题,网上搜索各种IE10页面高度只显示一半、IE11IFRAME高度兼容等问题,都没有正确的解答方案,最后尝试着改动了一下页面声明,结果正常了!!IE11你真是朵奇葩!!!不过作为开发人员,确实也应该严谨一些,页面声明也是非常重要的。以后要慎重对待才行!

<!–此处doc声明不可修改–><!DO CTYPE html PUBLIC “-//W3C//DTD XHTML 4.0 Transitional//EN”><ht ml><he ad><titl e>iframe自适应</title><me ta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><sty le type=”text/css”>html,body{ width:100%; height:100%;}body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}</style>