1.浏览器强制不采用兼容模式的方法:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
2.iframe 自适应高度的方法
js:
function SetCwinHeight(idname){
var iframeid=document.getElementById(idname); //iframe id
if (document.getElementById){
if (iframeid && !window.opera){
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){
iframeid.height = iframeid.contentDocument.body.offsetHeight;
}else if(iframeid.Document && iframeid.Document.body.scrollHeight){
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
}
html:
<div class="w" style="line-height: 0;font-size: 0;">
<iframe width="100%" id="iframeid" onload="Javascript:SetCwinHeight('iframeidz')" height="1" frameborder="0" scrolling="no" src={{ url_for('ad.pic_ad', id=59, var = 'sz' ) }} ></iframe>
</div>
"style="line-height: 0;font-size: 0;""这个是为了当iframe内部元素为空时还是有高度。
3.ie white-space:nowrap 无效
确保word-wrap不是break-word;