Question

我正在尝试使用iframe打开其他网址。但由于原因，宽度iframe固定在155px。

我需要调整宽度iframe以适应整个SRC iframe。

<!DOCTYPE html>
<html>
    <body>
        <iframe frameborder="0" scrolling="no" height="100%" width="100%" src="http://www.gnu.org/"></iframe>
    </body>
</html>

我尝试过宽度=＆＃34; 100％＆＃34;但是没有用。

Answer 1

的 Demo

html, body { height:100%; width:100%; margin:0; } .h_iframe iframe { width:100%; height:100%; } .h_iframe { height: 100%; width:100%; }

HTML

<div class="h_iframe"> <iframe src="//www.youtube.com/embed/9KunP3sZyI0" frameborder="0" allowfullscreen></iframe> </div>

Answer 2

你应该能够用CSS

来做到这一点例如，

。

style="width:100%"

我只是将你的HTML粘贴到一个小提琴中。它按预期工作。你有没有任何css覆盖宽度，或者它是否在一个155px宽的容器内，你实际使用它？

至少对我有用。

Answer 3

试试这个：

    <iframe 
        src="http://www.gnu.org/" 
        frameborder="0"
        scrolling="no" 
        style="overflow:hidden;height:100%;width:100%" 
        height="100%" 
     width="100%"></iframe>

Answer 4

这在没有 css 的情况下工作：

<iframe src="link-goes-here" frameborder="0" scrolling="no" style="overflow:hidden; height:100%; width:100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;" height="100%" width="100%"></iframe>

如何使用HTML IFrame自动调整宽度

4 个答案: