<HTML>
<HEAD>
<TITLE>TT</TITLE>
<META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=x-sjis">
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#000000" ALINK="#FF0000" VLINK="#808080">
デフォルト<BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR>
<TT><TT><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
<TT STYLE="font-size:xx-small"><TT STYLE="font-size:xx-small"><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
<TT FONT STYLE="font-size:x-small"><TT STYLE="font-size:x-small"><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
<TT FONT STYLE="font-size:small"><TT STYLE="font-size:small"><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
<TT FONT STYLE="font-size:medium"><TT STYLE="font-size:medium"><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
<TT FONT STYLE="font-size:large"><TT STYLE="font-size:large"><BR>
むかしむかしある所に、おじいさんとおばあさんが住んでいました。<BR>
<BR></TT>
</BODY>
</HTML>
上記のソースの表示を各ブラウザごとに表示した結果イメージです。TTタグに対してスタイルシートで文字の大きさを調整しています。
スタイルシート対応しないWinのナビゲーターver2とMacのエクスプローラーver2は、全ての表示が同じになります。スタイルシートを使用する場合は、対応していないブラウザに対する配慮を忘れないで下さい。難しい事ではありません。中途半端に対応しているブラウザへの配慮に比べれば優しい事です。
問題はMacのエクスプローラーver3。スタイルシート解釈が間違っているため、文字の大きさが指定通りになってくれません。なかなかお茶目です。
同じくエクスプローラーver5で、他のブラウザより小さい文字サイズでディザが出るのに注目して下さい。
Windous(DOS/V 解像度640×480)
Internet Explorer 4.0(4.72.3110.8)12KB
Netscape Navigater 4.0414KB
Windous(DOS/V 解像度1024×768)
Internet Explorer 3.0(4.70.1158)12KB
Netscape Navigater 2.0115KB
Mac(iBook 解像度640×480)
Internet Explorer 2.111KB
Internet Explorer 3.0115KB
Internet Explorer 4.014KB
Internet Explorer 5.016KB
Netscape Navigater 4.514KB