フォントサイズの統一

CSSを使ってどのブラウザでもフォントサイズを「%」で統一させる方法
http://colo-ri.jp/develop/2008/03/css.html

---------------------------------------------
まとめ
---------------------------------------------
body {
font:13px "MS Pゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
table {
font-size:inherit;
font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

動作確認: IE7, IE6, Firefox2, Safari3, Opera9

おすすめの記事

Webデザイン についてのエントリー

コメントをどうぞ

Facebookページでは更新情報や厳選ニュースを配信中



profile-image
Job:Web Designer
Location:Tokyo/Shinjuku
Machine:Mac book Pro

東京在住のWebデザイナーです。最近はWordPressで構築する案件が多いです。PHP/JavaScript/レスポンシブWebデザインなど勉強したことの忘備録として書き留めています。

チームStudioBrainのメンバーとしても活動中。 Twitter Button from twitbuttons.com pixeldesign_logo