Question

好。实际上，也许这个标题毫无意义。

请阅读：

我想创建一个自定义宽度的iframe。好的。请尝试理解。

我不希望iframe响应（嵌入在iframe中的网站是响应式的），我希望它看起来像缩小的图片。

如果你愿意，我可以给你一些例子。知道怎么做吗？

Answer 1

您可以使用css转换缩放iframe。例如，如果您想让iframe中的页面显示为一半大小..

iframe {
  transform: scale(0.5, 0.5);
  height: 1000px;
  width: 1000px;
}

<iframe src='http://www.google.com'></iframe>

这应显示缩小到500x500 iframe的页面的1000x1000视口。

Answer 2

如果您已经尝试了width属性并且该功能无效，请尝试使用CSS＆＃39; max-width财产。

实施例，

<强>的index.html

<iframe src="http://www.google.com/" class="if"></iframe>

<强>的style.css

.if { max-width: 100px; }