最新Iframe全瀏覽器相容自適應高度解決方案

技術小阿哥發表於2017-11-27
原文網址 : https://flycode.co/archives/130471
瀏覽器

核心：使用jQuery技術

寬度：



    

  1. $(“#mainContent”).css(`width`,$(window).width()); 
    2. 



 


高度：onload=“$(this).height($(this).contents().height())”




    

  1. <iframe id=“mainContent” scrolling=“auto” name=“mainContent” onload=“$(this).height($(this).contents().height())” src=“a.html” frameborder=“0”/> 
    2. 



寬度和高度分別設定，百分百相容








本文轉自 沫沫金 51CTO部落格，原文連結：http://blog.51cto.com/zl0828/1030562，如需轉載請自行聯絡原作者 










相關文章