缩放级别设置为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它得到一个滚动条而不是完全隐藏文本。

Answer 2

将#wel_txt的宽度设置为％（以像素为单位）将解决问题。

#wel_txt {
    position: absolute;
    width: 70%;
    height: 92px;
    top: 50px;
    margin-left: 100px;
    text-align: left;
    overflow: hidden;
}

希望这有帮助。