CSS（スタイルシート）の「pt,px,%」指定で文字サイズが同じ大きさになる組み合わせ
- ブラウザで相対表示指定を行うために同一の大きさになる文字サイズを調べたので、参考までに掲載しておきます。
- 確認は Firefox2.0 | Opera9.10 | InternetExplorer6で行いました。
（DOCTYPEは「<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">」です）
- Opera9.10では下記表の6ptと7ptのところが同じ大きさになるようです
| 6pt
| 文字サイズのテスト |
| 8px
| 文字サイズのテスト |
| 50%
| 文字サイズのテスト |
| 7pt
| 文字サイズのテスト |
| 9px
| 文字サイズのテスト |
| 56%
| 文字サイズのテスト |
| 8pt
| 文字サイズのテスト |
| 11px
| 文字サイズのテスト |
| 69%
| 文字サイズのテスト |
| 9pt
| 文字サイズのテスト |
| 12px
| 文字サイズのテスト |
| 75%
| 文字サイズのテスト |
| 10pt
| 文字サイズのテスト |
| 13px
| 文字サイズのテスト |
| 82%
| 文字サイズのテスト |
| 11pt
| 文字サイズのテスト |
| 15px
| 文字サイズのテスト |
| 94%
| 文字サイズのテスト |
| 12pt
| 文字サイズのテスト |
| 16px
| 文字サイズのテスト |
| 100%
| 文字サイズのテスト |
| 13pt
| 文字サイズのテスト |
| 17px
| 文字サイズのテスト |
| 107%
| 文字サイズのテスト |
| 14pt
| 文字サイズのテスト |
| 19px
| 文字サイズのテスト |
| 119%
| 文字サイズのテスト |
| 15pt
| 文字サイズのテスト |
| 20px
| 文字サイズのテスト |
| 125%
| 文字サイズのテスト |
文字サイズテスト
- 上記表のテストを行うために作成した「%」表示の一覧です。（JavaScript）
※当方の環境では47％,72％,97％,122％にFirefoxとIE6で違いがありました。
