Question

我的{{1>} 250 X 250 ，其中有 472 X 107 的图像。

看一下片段。

＆＃13;

iframe

＆＃13;

现在我想在<iframe src="https://i.imgur.com/NYLlgwU.png" width="250px" height="250px"></iframe>中显示完整图片，而不是滚动。

注1：Iframe的大小应保持相同，即 250 X 250 。

注2：图像尺寸可能会改变。

注3：没有必要始终是图像。它也可以是pdf或文本文件。

Answer 1

您可以向scrolling="no"添加iframe属性，然后使用css稍微调整一下。

iframe {
  max-width: 100%;
  overflow: hidden;
  border: none;
  margin: auto;
}

<iframe src="https://i.imgur.com/NYLlgwU.png" class="img-responsive" scrolling="no" width="250" height="250"></iframe>