Question

我尝试更改此iframe尺寸 -

＆＃13;

<iframe src="http://gombit.net/plugins/mediaplayer/site/_embed.php?u=74Y" frameborder="0" scrolling="no" webkitAllowFullScreen="true" mozallowfullscreen="true" allowFullScreen="true"></iframe>

＆＃13;

，但它并没有。我想做出回应。

Answer 1

请尝试以下操作。

<iframe src="http://gombit.net/plugins/mediaplayer/site/_embed.php?u=74Y" frameborder="0" scrolling="no" webkitAllowFullScreen="true" mozallowfullscreen="true" allowFullScreen="true" height="300" width="100%"></iframe>

在小型设备媒体中使高度自动。

Answer 2

在块元素中包装iframe，将iframe设置为absolute和块relative。代码段中的详细信息：

段

.frm {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%;
  max-width: 100vw;
}
iframe {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

<figure id='F1' class='frm'>
  <iframe id='I1' name='I1' src='http://gombit.net/plugins/mediaplayer/site/_embed.php?u=74Y' frameborder='0' scrolling='no' allowfullscreen width='100%' height='100%'></iframe>
</figure>

哇它看起来很酷，并且没有任何麻烦遵守调整大小，很好。

如何更改iframe的尺寸？

2 个答案:

段