ティアのたわごと☆其の497
emってなんですか〜?って思うあなた、
たまに「文字がとても小さい」とか、とても大きいホームページを見たことがありませんか?
これってばIEが「文字のサイズ」が”中”以外に正常に対応していないから発生することです。
一般に文字が小さくても見える人、沢山画面に表示して欲しい人は
「文字のサイズ」を小や最小にして見ます。
一般的な手法
font-size="2"とかで表示しているサイトは
中よりも小さめに表示され
沢山の文字が表示されます。
また、目の悪い人や、画面の解像度が広い人などは、「文字のサイズ」を大きく
大や最大にして、見やすくしているかも知れません。
まぁなんにせよ、見やすいように調整しながら見るのは当然のこと
で・・・・・
IE6は(5未満もそうかも知れませんが、手元にないので、あとIE7は直っているという噂)文字サイズをemで指定した場合
font-size="0.75em" とかね
本来は、親要素(良く分からんけど、直前とかテーブルとかで区切ってたら、そのテーブルの設定じゃないかな?)のサイズに対しての比率で表示する設定らしい。
ようするに、上記例は0.75倍(25%OFF)で表示するのが正しい
ここでは、アマゾンを例に挙げますが、それほどアマゾンが悪いわけでは有りません。
(あえてemで頁を構成したあたりにアマゾンの問題点はありますが・・・)
しかし・・・この画面の取り込みを見てください
この無駄に小さい文字、
あっクリックすれば原寸表示しますよ
これ文字見えないでしょw
これが小の設定
んで次
普通の頁ですねぇ・・・
居たって普通です、こうあるべきです。
これが中 中はちゃんと表示するんです。
さらに次
文字大きいですね〜、半端じゃありませんね〜
その他のサイトで文字サイズを変更しても、ここまで劇的に変化するとコルは余りありません。
(www.sofmap.comでも場所によりemが利用されています。その他は知らない)
中では、左側に表示されている「トピック」と、中央の「アカウントサービス」という文字は大体同じサイズなんです。
なのに、大になると、中央の「アカウントサービス」の方が大きいんです。
逆に小になると中央の「アカウントサービス」の方が小さいんです。
emで比率で大きさを変えているのなら、この文字サイズの関係が崩れるはずがありませんよね?
で、実際どの様に設定されているのでしょうか?
中央のは
font-size:.83em;
で設定されています。
残念ながら、左のは、設定が多くて、いったいどれがそれに相当するのかは分かりませんでしたが?
cs-smallっぽいです
ようするにこれかな?
font-size: .83em;
同じ数値ですね
確かに「アカウントサービス」の ”カ”の文字サイズは両方とも同じでした。
ようするに、親要素のサイズが元々が違うと言うことでしょうか?
考えられるのは、どちらかが設定してあって、どちらかが設定していない
「文字のサイズ」中から83%が
「文字のサイズ」小から83%で表示されたのと
どこかのサイズ(「文字のサイズ」中と殆ど同じ)の83%が
どこかのサイズ(サイズ不明)の83%で表示されたのと
まぁどちらにしろ、小さすぎよね
そして、大きすぎよね
まぁ何とかしてよ>MS
IE7を使えって??
いや〜、まだ使いたくないです、遅いし、タブ要らないし、一部頁が正常に表示されないし
それに、IE7はちょっと間違えている
今までCTRL + マウスのスクロールで「文字のサイズ」を変更して、まぁ小さすぎたり大きすぎたりするのを、変更しながら見てたのですが
IE7では倍率が変わります。
要するに、イメージも一緒に大きくなるんです。
文字だけ多めに表示して欲しいのよw
全体が大きくなったら、画面からはみ出るだけじゃん?
まぁあたしの使い方が、一般とは違うのかも知れませんが、使い勝手が大きく変わるだけに、ぶちぶち文句が言いたいのです。
IE7を導入しないもう一つの理由は、あたしが作っている業務用アプリケーションが関係しています
IE6で動くんだけどIE7で動かない
また逆もあり
企業ではまだIE6が全盛
なぜって?
IE7はWindows2000に入らないからです。
Xpへの移行が済んでいない業界が多く、自然とIE6のユーザーも多いわけです。
なんとかしろ〜>ms