html - 当它具有内联样式时，如何缩小 div？

Question

在 HTML 编辑器中，用户可以编写问候语，例如，源代码为：

<p style="text-align:center">
  <span style="font-size:20px">
    <span style="font-family:tahoma,geneva,sans-serif">Hej,</span>
  </span>
</p><br><br>
<p style="text-align:center"><span style="font-size:20px">
  <span style="font-family:tahoma,geneva,sans-serif">
    <span style="color:#FF0000"><em>Du&nbsp;</em></span>
    <strong>kan skrive</strong>&nbsp;
    <span style="color:#0000CD"><u>din hilsen</u></span> her!</span>
  </span>
</p>

女巫翻译自

当他们点击那个大的绿色“保存”按钮时，我会显示一个简单的预览，例如

我的问题是预览与将要打印的内容不相称，我无法缝合使用任何 CSS 来设置<div>环绕该文本的样式，以便更多地显示它...

我想缩小 25%... 无论如何我可以做到吗？

Answer 1

css3

#class:target{     -webkit-transform: scale(0.25);
-moz-transform: scale(0.25);
-o-transform: scale(0.25);
-ms-transform:scale(0.25);
transform:scale(0.25); }

http://jsfiddle.net/s26cm/

Answer 2

提示：如果字体大小要根据其相关元素进行缩放，则px可以使用，否则如果需要根据整个页面的字体大小进行缩放，同时缩小 div ，相应地缩小字体%em

12pt = 16px = 1em = 100%这对于更改字体大小单位可能会很方便

分配id或分配给该 div 并使用它们作为脚本中的选择器在单击保存class按钮后更改大小，它将覆盖内联样式，您可以发布小提琴先生吗？

Answer 3

“当 div 具有内联样式时，如何缩小它？”

你的意思是：

display: inline;

如果你这样做了——任何设置为内联显示的东西都不会接受宽度属性。切换到内联块；