IFrame的響應問題

Question

如何讓IFRAME的響應與全寬

iframe {position:absolute;top:0;left:0;width:100%; height:100%;} 
iframe, object, embed { 
    max-width: 100%; 
} 

這是我的代碼，但不工作

注：

如果我們在像素使用高度（IFRAME標籤）然後正確全寬。但不能在響應中工作

解決方案是什麼？

Answer 1

我認爲這就是你要找的。我假設你使用的是YouTube，只需粘貼其他鏈接所在的嵌入鏈接即可。

HTML

<div class="videoWrapper"> 
    <!-- Copy & Pasted from YouTube --> 
    <iframe width="560" height="349" src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1" frameborder="0" allowfullscreen></iframe> 
</div> 

CSS

.videoWrapper { 
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 */ 
    padding-top: 25px; 
    height: 0; 
} 
.videoWrapper iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

我用這個指南：https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

我用同樣的方法對我自己的網站，它的偉大工程。希望這可以幫助你！