ブラウザ間でフォントサイズを統一し、パーセント記号を使用


絶対的なpxを使ってフォントサイズを規定すれば、ie以外のブラウザでは文字だけをスケールすることができますが、レイアウトを破壊する可能性があり、ページ全体をスケールする機能は一般的に簡単です.しかしながら、ie 6の下では、この機能を全体的にスケーリングするのではなく、pxでサイズを定義する場合、文字サイズの調整という機能が失効する.すなわち,px,ie 6ではフォントサイズを変えることはできない.
 
pxでサイズを定義せずにパーセンテージを使うと.ie 6のデフォルトフォントサイズはffより少し大きいので、bodyに直接パーセンテージを定義することはできません.そこでハックを思い出した.
 
ie 6というcssファイルを単独で開きます.cssはie 6に関するhackをすべてここに置いて、管理しやすいと言っています.
 
と書いてある
body{
	font-size:70% !important;
}

ie 6は支持しないわけではないと言われています!importantですか?実はie 6はサポートされていますが、バグがあるので、このバグを利用してhackをすることができます.私たちはこのバグを使っていません.
 
正常なcssファイルに書いてあります
body {
    color: black;
    font-family: Tahoma, Helvetica, Arial,"\5fae\8f6f\96c5\9ed1" ,"\5b8b\4f53",sans-serif;
    font-size:85%;
}
 
font-sizeには違いが見られます.
 
では、ie 6をie 6にロードするにはどうすればいいですか.cssは?私たちは条件注釈でやります.
 
<!--[if IE 6]>
<link rel="stylesheet" href="ie6.css}" />
<![endif]-->  
 
 
これでOKです.
 
bodyサブエレメントのフォントサイズ定義では、pxの代わりにemを使用します.これにより、ページ全体が同期できます.
またemをline-height:padding、margin、borderとしても同期効果があり、いいですよ!