html - IEとクロムの太字タグの異なる効果

Question

テキストを太字のタグで囲みました。IEとChromeではレンダリングが異なります。

IE画像->

Chrome画像->

誰かがここで何ができるかを理解できますか？

ありがとう

Answer 1

両方のブラウザには異なるレンダリング/レイアウトエンジンがあり、結果はおそらく異なる可能性があります。

• IE8はTrident4.0を使用します
• ChromeはWebkit53n。##を使用します

フォント（および画像、HTMLなど）のレンダリング方法について異なる解釈を提供するのは、両側の開発者の好みと適用された経験の問題です。

しかし、ほとんどの場合、それは問題ではありません;）。

こことここにもっとあるもの

Answer 2

IEとChromeのレンダリング<b>タグは通常、ブラウザのデフォルトのCSSが原因で異なり、エンジンがタグをレンダリングして同じものに近づけるための修正を決定する方法は、cssを使用することです。

<b id="example">Time</b>

#example {
font-weight:bold;
font-size:20px;
}

ただし、実際には、各ブラウザの外観にいくつかの違いがあることを期待する必要があります。許容できる違いを判断できるのはあなただけです:)

Answer 3

<strong>代わりに使用してみてください。それはより一貫しているかもしれません。また、フォントが各ブラウザで同じサイズであることを確認してください。明示的に設定されていますか？

それとは別に、ChromeとIEではレンダリングが異なります。IEは、ClearTypeを使用して、テキストを広くすることができます。

ClearTypeの無効化については、ここで説明しています。IE8：ClearTypeを無効にしますか？

Answer 4

すべてのテキストを画像として切り取る以外に、これについてできることは何もありません。レンダリングエンジン、インストールされているフォント、ClearTypeの調整/無効化、ユーザー設定などはすべて、Webタイポグラフィに関してはあなたに対して陰謀を企てます。