iOS Safari是自动扩展iframe

Question

我无法控制iOS中iframe的大小。里面的内容似乎扩展了整个iframe。我已经使用css和javascript来控制大小而没有任何成功。

我尝试过这两种方法：

iframe {
  height:100px !important;
  width:100px !important;
}

$('iframe).css({'height':'100px'});

Answer 1

＆＃13;

＆＃13;

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

＆＃13;

＆＃13;

＆＃13;

要使嵌入内容响应，您需要在iframe周围添加一个包含的包装器。您的标记如下：

＆＃13;

＆＃13;

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

＆＃13;

<div class="video-container">
    <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0">
    </iframe>
</div>

＆＃13;

＆＃13;

＆＃13;