當縮放級別設置爲25％時，文本耗盡

Question

當我放大我的網站到25％時，文本出現奇怪。我怎樣才能解決這個問題？請看下面的鏈接，在那裏你可以看到模型的結果。謝謝。

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

Answer 1

從#wel_txt以％設置寬度比以像素爲單位，將解決這個問題。

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

希望這會有所幫助。

Answer 2

首先，這個問題只發生在Chrome中，所以可能主要來自舍入錯誤（Chrome往往會截斷元素位置中的小數位）。 Firefox在文本包裝中只顯示出極其微小的變化，而IE則保持文本與文檔其餘部分完全一致。

最簡單的解決方案可能是停止絕對定位一切，如果這可以與您的設計一起工作。如果文本被允許遵循正常流程，那麼它在每個瀏覽器中都會顯示正常，但Chrome仍然會像Firefox中看到的那樣輕微跳躍（並且「wel_txt」元素可能會變得非常大，到文字不夠快縮小）。

以更少的設計調整，清理問題，你可以使用定位的top代替bottom的「wel_hdr」元素，以及......或許能給「wel_txt」 overflow: auto，使其得到一個滾動條，而不是完全隱藏文本。