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

Kle*_*ios 8 html iframe

我正在尝试使用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>
Run Code Online (Sandbox Code Playgroud)

我试过width ="100%",但没有用.

4dg*_*rav 11

Demo

html, body {
    height:100%;
    width:100%;
    margin:0;
}
.h_iframe iframe {
    width:100%;
    height:100%;
}
.h_iframe {
    height: 100%;
    width:100%;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="h_iframe">
    <iframe src="//www.youtube.com/embed/9KunP3sZyI0" frameborder="0" allowfullscreen></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)


Tuh*_*hin 6

尝试这个:

    <iframe 
        src="http://www.gnu.org/" 
        frameborder="0"
        scrolling="no" 
        style="overflow:hidden;height:100%;width:100%" 
        height="100%" 
     width="100%"></iframe>
Run Code Online (Sandbox Code Playgroud)