html - 当缩放级别设置为 25% 时文本用完

Question

当我将我的网站放大到 25% 时，文本奇怪地用完了。我怎样才能解决这个问题？请查看下面的链接，您可以在其中查看模型的结果。谢谢。

http://jsfiddle.net/schenker76/YqX9r/embedded/result/

Answer 1

首先，这个问题只发生在 Chrome 中，因此可能主要是由舍入错误引起的(Chrome 倾向于截断元素位置中的小数)。 Firefox 仅在文本换行方面显示出几乎微不足道的变化，而 IE 使文本与文档的其余部分完全保持一致。

最简单的解决方案可能是停止对所有内容进行绝对定位，前提是这适合您的设计。如果允许文本遵循正常流程，那么它在每个浏览器中看起来都不错，尽管 Chrome 仍然会像您在 Firefox 中看到的那样进行一些小的跳跃(并且“wel_txt”元素可能会变得非常大，相对而言，由于到文本收缩得不够快)。

为了通过较少的设计调整来解决这个问题，您可以使用 top 而不是 bottom 来定位“wel_hdr”元素，并且...或许可以使用“wel_txt” overflow: auto 以便它获得滚动条而不是完全隐藏文本。