Question

我有一个响应滑块位于 - http://mymstoday.org/slider/

我必须将此滑块放在iframe中并将其包含在我的网站上。

这是我的代码。

<iframe src="http://mymstoday.org/slider/" frameborder="0" marginheight="0" marginwidth="0" style="width:845px;height:400px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" ></iframe>
<br>
<center>test</center>

问题是，当我调整窗口大小时，iframe仍然始终以400px的速度显示，所以我在它下方和我的内容下面都有这么大的噱头。

如何让iframe响应，以便当我的滑块变小时，我的iframe和我的内容就在它下方？

我尝试使用这个代码，但它仍然不是我想要的结果。

请帮忙。

<style type="text/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%; }
</style>

<div class="videoWrapper">
<iframe src="http://mymstoday.org/slider/" marginheight="0" marginwidth="0" ></iframe>
</div>
<br>
test

Answer 1

添加到videoWrapper css：

overflow: auto;

并设置0 frameborder：

<iframe src="http://mymstoday.org/slider/" marginheight="0" marginwidth="0" frameborder="0"></iframe>

iframe中的自适应滑块，也让iframe响应？

1 个答案: