要使iframe自习惯其加载的网页并且具有较优良的兼容性， Neng采取以下几种方法：

1. 用CSS和JavaScript结合

   

   • 通过JavaScript监听窗口的resize事件，iframe的巨大细小。
   • 用CSS来设置iframe的宽阔度和高大度，或者用百分比使其习惯父容器的巨大细小。

javascript window.addEventListener { var iframe = document.getElementById; if { iframe.style.height = document.getElementById.offsetHeight + 'px'; } });

• 通过新闻查询设置不同屏幕尺寸下的iframe尺寸。

css @media { #myIframe { width: 100%; height: 300px; } }

3. 用CSS的calc函数

   • 利用calc函数计算iframe的高大度，使其自习惯父容器的高大度减去顶部和底部的留白。

   css

   height: calc;
   

   }

4. 用iframe的postMessage方法

   • 通过postMessage方法在不同页面之间传递消息，实现iframe自习惯。

   在父页面：

   javascript window.addEventListener { if { var iframe = document.getElementById; iframe.style.height = event.data + 'px'; } });

   在iframe页面：

每种方法dou有其适用场景，开发者Neng根据实际需求选择Zui合适的方法来实现iframe的自习惯。