11

Ico moonを使用して作成した一連のアイコン フォントを使用しています。アイコンは Firefox と Chrome では見栄えも機能も優れていますが、IE 10 ではアイコンが余分な高さで表示されます。

高さがどこから来ているのかわかりません。

ここで IE 10 では、アイコンの高さがはるかに大きくなっているように見えます。 余分な高さの IE アイコン

これは、正しい高さのクロムでどのように見えるかです。 ここに画像の説明を入力

アイコンの CSS は次のとおりです。

font-family: 'IconFont';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;

そして、これが IE10 開発ツールからのトレースされたスタイルです。ここに画像の説明を入力

同様の問題の codepen.io で簡単なデモを作成しました。デモはこちら

誰かが同様の問題を経験していますか? 誰かがこれに対する修正を見つけましたか?

4

3 に答える 3

0

私はそのような問題を抱えていました-私はそれを修正しました）））私のsvgファイルフォルダーには1つの間違ったファイルがありました。(パラメーター X-1220 と Y-770 を持つ非表示の要素があるため) 問題でした! この要素を削除したところ、すべて問題ありませんでした。

于 2015-10-22T13:43:57.240 に答える