css3技巧:css实现iframe高度自适应

追格官方小助手/ 2022年05月02日/ CSS教程/ 浏览 1905

大家都知道,Iframe有个问题就是高度无法自动适应,尤其是跨域高度自适应问题,今天追格小编分享一个解决办法。


<HTML>
    <head>
        <style>
            body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;}
        </style>
    </head>
    <body>
        <iframe src="http://www.zhuige.com" width='100%' height='100%' frameborder='0' name="_blank" id="_blank" ></iframe>
    </body>
</html>


兼容大部分主流浏览器,同域跨域也支持。

发表评论

暂无评论,抢个沙发...

客服 工单