2016-10-19 8 views
0

ブラウザ間で垂直方向のテキストアラインメントが異なる理由は誰でも説明できますか?これはかなり違っFirefoxとInternet Explorerの間に表示さクロスブラウザの垂直方向のテキストアラインメント

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
\t <p style="background: grey; font-size: 400%;">Test text &lArr;</p> 
 
</body> 
 
</html>

は、以下のコードを参照してください。これをすべてのブラウザで同じにするために使用できるCSS設定がありますか?

+2

の下のようにbodyタグにデフォルトのスタイルを与える任意の方法であなたを助けています質問/ 10793503/how-to-vertically-aligned-text-across-browsers – Geeky

答えて

2

このライブラリを使用して、ブラウザ間でWebページを正規化できます。

Normalize

私は

+0

このように:http://stackoverflow.com/a/10793652/6785362 –

+0

興味深いことに、とにかく含めると良い提案かもしれませんが、実際にはテキストをbで同​​じにします他のブラウザ。 – NickC

1

ちょうどこのリンクはあなたにhttp://stackoverflow.com/役に立つことができ

body{padding:0; margin:0; line-height: 1.1;} 
+0

少しの違いがありますが、両方のブラウザで同じ垂直位置に表示されません。 – NickC

+0

はい、coz firefoxとIEは、font differnceのせいでslighlty(ちょうどポイントピクセル)のクロムよりも高さです。 –

関連する問題