css - ie9 間隔 - css が正常に機能しない

Question

こんにちは、誰かにとっては単純なものかもしれません。

私はこのウェブサイトでの作業を終了しましたが、ie9 には多くの行の高さの問題があります。

私の問題を説明する最も簡単な方法は、スクリーンショットを使用することです。

クロム

ファイアフォックス

ここに画像の説明を入力

なぜ 3 つ目 (ie9) がアウトなのですか?

フォント .eot が otf とは異なるレンダリングをしている可能性がありますか?

もしそうなら、どうすればこれを回避できますか?

ダンシオプ

score 2 · Accepted Answer

ヘッダーを変更して、IE9 に最新の基準に従うように指示します。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

3 つの変更を行います: doctype、html 要素、およびメタ。

score 0 · Accepted Answer

なぜそれが起こっているのかはわかりませんが (IE でのトラブルシューティングは最悪です)、影響を受けているのは your.breadcrumbs CSS です。手っ取り早い解決策は、IE 条件を追加することです。

<!--[if IE]>
<style>
    .breadcrumbs{top:11px;}
</style>
<![endif]-->

2 に答える 2