Question

我有一段HTML。我想在我自己的网页上将html嵌入到一对标签中。 html代码事先不知道。它是动态获得的。这个HTML代码可以包含任何东西，通常是图像和文本以及YouTube视频。

问题是我想将内容嵌入到修复大小中。大小以宽度和高度（以像素为单位）指定。如果内容具有大图像，我想要调整图像大小以及具有相同因子的其他内容，使得整个内容可以适合指定的大小。一切都仍然是成比例的。

我也不想要滚动条。我不知道该怎么做。我熟悉html但对CSS不太熟悉。我在网上搜索试图找到其他人实现这个的例子。我找不到任何。

你知道怎么做吗？

Answer 1

如果内容具有大图像，我想要调整图像的大小以及具有相同因子的其他内容，使得整个内容可以适合指定的大小。一切仍然是成比例的

忘记这一点。对于任意内容，它无法可靠地工作。

您可以将所有内容放入容器中：

<div id="container" style="width: 300px; height: 300px; overflow: hidden">
...    
</div>

然后尝试对其中的图像强制max-width：

#container img { max-width: 300px; }

但不要指望它看起来总是漂亮。

无法真正缩放DIV或IFrame中的内容（尚未）。