0

Web サイトを 25% にズームインすると、テキストが異常に表示されなくなります。どうすればこれを修正できますか? 以下のリンクを参照してください。モックアップの結果を確認できます。ありがとう。

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

4

2 に答える 2

1

まず、この問題は Chrome でのみ発生するため、主に丸めエラーが原因である可能性があります (Chrome は要素の位置で小数点以下を切り捨てる傾向があります)。Firefox では、テキストの折り返しにわずかなバリエーションしか表示されておらず、IE では、ドキュメントの残りの部分に合わせてテキストを正確にスケーリングしています。

最も簡単な解決策は、おそらく、すべての絶対配置を停止することです (それが設計で機能する場合)。テキストが通常の流れに従うことを許可されている場合、すべてのブラウザで問題なく表示されますが、Chrome では Firefox で見られるように小さなジャンプが行われます (また、"wel_txt" 要素は、比較的言えば非常に大きくなる可能性があります)。テキストに十分な速さで縮小されません)。

topより少ない設計調整で問題を解決するには、代わりに を使用して「wel_hdr」要素を配置し、bottomおそらく「wel_txt」を指定overflow: autoして、テキストを完全に非表示にするのではなく、スクロールバーを取得します。

于 2012-06-18T21:49:45.493 に答える
0

幅を#wel_txtピクセル単位ではなく % 単位で設定すると、問題が解決します。

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

お役に立てれば。

于 2012-06-18T19:11:36.847 に答える