Question

在我的代码中，有一个主要部分。主div的宽度和高度是固定的。我想创建主div内容的预览。我应该怎么做才能创建Div的预览？

<div id="imageContainer" style="width: 680px; height: 482px;" align="center">
innerHTML Content.

Another divs, images etc...

</div>

我已经最小化了主div的高度和宽度，但内容并没有根据主div的高度和宽度而缩小。

Answer 1

你可以创建另一个css类...并为内部元素提供简化属性，然后更改div类以通过javascript显示预览。

代表：

.original {
   font-size: 30px;
}

.preview {
   font-size: 10px; # if the preview is 1/3 of original
}

或谷歌，如果有任何现成的方法来做到这一点。

Answer 2

我的javascript有点生疏，但我认为你需要复制div及其中的所有内容。然后将新div放在您想要预览的任何位置，并根据您的要求设置样式，缩小div的高度和宽度，内容的字体大小以及任何图像的高度/宽度包含的内容。我建议使用相对大小（例如30％而不是8px）我认为你会得到更一致的结果。