web項目前端總結

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;