javascript - 如何缩小 html 元素以适应固定大小的 div？

Question

我有一个 div 标签 <div id="preview"></div>具有固定的宽度和高度，在预览中我想显示一些 html:h1、h2、p、 block 引号、列表，所有这些都缩小了，所以整个 html block 都适合预览，完美缩放和成比例。我该怎么办？谢谢!

Answer 1

使用 CSS 的 zoom 属性:

#preview { 
    zoom: 0.5; 
    /* For Firefox */
    -moz-transform: scale(0.5); 
    -moz-transform-origin: 0 0;
}