文本流和css3缩放属性

Question

我有一个包含文字的div。在editmode中，这个div使用css缩小到大约0.9，以适应我的管理界面。 然而，在演示模式下，它没有缩小，并且 - 看 - 文本流动完全不同。换行的地方完全不同。

有没有办法解决这个问题，还是我不得不放弃在编辑过程中缩小？

在这些照片的右下角查看...首先是editmode中的缩放版本，然后是演示模式的全尺寸，未缩放，未缩放版本。

Answer 1

我不知道我是否以100％的速度复制了您的问题;但是我已经准备了类似的布局，并且在Chrome中发现了与你相同的问题。

但是将缩放更改为

-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);

解决了Chrome中的问题。

在IE10中，问题没有显示出来。

但是，Haven没有尝试过其他浏览器。

如果需要支持IE 8，我会尝试：

#transformedObject {

/* IE8+ - must be on one line, unfortunately */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0, M21=0, M22=0.9, SizingMethod='auto expand')";

这取自useragentman web，我没有尝试过

我看到我之前的评论很难解释：在IE10的测试中，缩放和转换都运行良好。我不知道我是否完全重现了这个问题，所以我不知道我是否已经解决了它;但我认为改变是最安全的。

在测试中看到它：

fiddle

当您选中复选框时，div的宽度将会增大，只是为了看到对布局的不同调整。 div是：原始的，变换的（绿色）缩放（红色），并且变换和缩放都被重叠以查看差异。至少在IE 10中，变换和缩放都是原始的等价物。

Answer 2

在网页中，您没有适当的文本流控制。主要是因为不同平台上的不同浏览器以不同方式呈现字体字形。跟踪您的文字也会有所不同。因此，如果您优化文本以在自己的浏览器上看起来很棒，那么它可能会吸引另一个。所以说再见web浏览器中的像素精确文本表示。这是一个绝望的希望。

P.S .:
不要在网页上使用text-align: justify。真的太糟糕了。