将iframe居中并使高度100%适合屏幕

时间:2014-10-01 11:36:32

标签: html

我正在制作一个iframe,它会加载另一个网站的链接。我正在制作100%适合用户屏幕的高度,同时我想为宽度指定特定的px。谢谢你,对不起我的英语。 `

2 个答案:

答案 0 :(得分:1)

<html>
    <head>
        <style>
            .wrapper{
                margin:0 auto;
                width:40%;
            }
            iframe{
                height:100%;
                width:100%;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
        <iframe src="http://www.w3schools.com/tags/att_iframe_src.asp"></iframe>
        </div>
    </body>
</html>

答案 1 :(得分:0)

如果您只定位现代浏览器,那么height: 100vh应该这样做。否则需要使用javascript。

另见

100% screen height css