The Trap of Web Design

CSS3 一部実装等、最近のブラウザの状況には目がはなせません。ていうか、このタイトル、Firefox3 でてからかなり立つんですけど…（笑）だって、ここんとこ全然気にしてなかったんだもーん。

いっぱいブラウザを立ち上げて Note の フォントサイズ手法 のトコなんかを見ていたら、Mac の Firefox3 のフォントサイズの変化が以前とは異なりスムーズになっていることに気づきました。例えば、

• スムーズなフォントサイズの変化
• スムーズなフォントサイズの変化

上記のふたつは、MacOSX の Firefox3 でのみ、ほんのちょっと異なるサイズになるのです。（基準を 16px として、82% と 83% と指定したもの）それ以外のブラウザをご利用のみなさんはおそらくドッチも同じにしか見えない筈ですが。

…なので、ブラウザ毎のサイズを揃えるために、また全部チェックし直しました。

---

• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 50% // deprecated
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 56.25% // deprecated
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 62.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 68.75% // deprecated
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 81.25%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 87.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 93.75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 100%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 106.25%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 112.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 118.75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 125%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 131.25%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 137.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 143.75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 150%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 156.25%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 162.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 168.75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 175%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 181.25%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 187.5%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 193.75%
• 普段なにげなく使ってる相対指定のフォントサイズのブラウザ互換 200%

結果、なんと、ピクセル基準で基準からの相対計算値でいけば、基本（ウインドウズの欧文フォント組みの時のバグを除く）的には全部揃うようになってしまいました。これまでの苦労は一体何だったのか…。

そういや、Mac の Firefox 2 まで、フォントサイズのデフォルトは 14px だったのが、16px になったというハナシは、よく見かけましたね。ソチラは基本的に制作側で指定する分にゃ影響ない（とか書いて、body に 100.01% だけにしといて、あれ？ちっけーな、ということはあった）のでして、このサイズを細分化して反映する状況のほうがいまんとこ他にはない、ブラウザ業界のとんでもない進化だと思うんですが…

さて、そんな訳で久々に、Note のほうにまとめようと思い立ちましたので準備中です。