缩小iframe中内容的视图

Question

我在页面上有一个iframe，其中显示了我自己的HTML内容。

我需要缩小这个内容的显示，，但不是通过CSS的缩放定义，更像是在浏览器中使用CTRL+mouse轮进行缩放。

例如，如果您按住CTRL键并使用鼠标滚轮向下滚动，即使在您现在正在阅读的当前页面中，您也会注意到所有显示都较小，但按比例和比例排列。当然，滚动也是如此。

我需要为iframe的内容使用JS/JQ/CSS，如前所述。

只是要清楚--不要有缩小或上升的效果，而是要得到最终的结果--显示缩小的页面。

我应该指出，当我更改内容中元素的“缩放”CSS定义时，所有的内容都显示得更小，但并不是按比例显示，从而导致页面布局和结构的混乱。

Answer 1

我建议您将css-规则transform: scale(0.5);添加到您的iframe或您想要调整大小的内容中。该示例将您的内容缩放到50%大小。