html - Google Chromeでのテキストの自動更新(レンダリングの問題)

原文 html css google-chrome cross-browser text-rendering

2つの画像、Qの文字(gとyにもこの問題がある)、Googleクロムの一定の時間(5または6秒)の下を注意深く見て、元のテキストはimage 01であるにもかかわらず、テキストをimage 02のように表示しますWebブラウザーはimage 02である正しい形式のテキストをレンダリングしますが、Chromeのある期間に突然image 01が表示され、image 02に戻ります。このテキストを<span>タグに挿入するだけです。これを修正する方法を知っています。

画像01


image02
答え
コードを確認しないと問題を診断するのは困難ですが、文字が水平線で途切れているように見えます。Q、g、yはすべて、ほとんどの文字よりも下に伸びている文字です。前回この種の問題が発生したとき、CSSでdivの高さが固定されていたため、コンテンツが大きすぎて内部に収まりませんでした。コンテンツよりも大きくなるようにdivの高さを変更すると、Chromeがドキュメントを再配置してすべてが適切に表示されないことを意味していました。
関連記事

javascript - 2画像を同時に表示

html - ビューポートの高さメタタグ

javascript - JavaScript画像のsrc属性が誤った値を返す

javascript - JavaScriptでHTMLチェックボックスをループ

html - Li-IE 10およびChromeのスパン幅の問題

html - iOSでレンジスライダーズームを解決する方法

javascript - JavaScriptを使用して範囲を強調表示できない

html - ブートストラップグリッドが小さい画面幅<768pxで機能しない

javascript - HTMLに解析されたJSONデータの<script>タグのエスケープ/削除

javascript - ドロップダウンに表示される複数のcssファイルからCSSクラスのリストを取得します