ティアのホームページ☆ミ:ID 126:タイトル emを使うサイト oC
no prev page 1/1ページ(1件) no next page
To Close..emを使うサイト 2007年12月04日15時06分
ティアのたわごと☆其の497

emってなんですか〜?って思うあなた、
たまに「文字がとても小さい」とか、とても大きいホームページを見たことがありませんか?

これってばIEが「文字のサイズ」が”中”以外に正常に対応していないから発生することです。

一般に文字が小さくても見える人、沢山画面に表示して欲しい人は
「文字のサイズ」を小や最小にして見ます。

一般的な手法
font-size="2"とかで表示しているサイトは

中よりも小さめに表示され
沢山の文字が表示されます。

また、目の悪い人や、画面の解像度が広い人などは、「文字のサイズ」を大きく
大や最大にして、見やすくしているかも知れません。

まぁなんにせよ、見やすいように調整しながら見るのは当然のこと

で・・・・・

IE6は(5未満もそうかも知れませんが、手元にないので、あとIE7は直っているという噂)文字サイズをemで指定した場合

font-size="0.75em" とかね

本来は、親要素(良く分からんけど、直前とかテーブルとかで区切ってたら、そのテーブルの設定じゃないかな?)のサイズに対しての比率で表示する設定らしい。

ようするに、上記例は0.75倍(25%OFF)で表示するのが正しい


ここでは、アマゾンを例に挙げますが、それほどアマゾンが悪いわけでは有りません。
(あえてemで頁を構成したあたりにアマゾンの問題点はありますが・・・)


しかし・・・この画面の取り込みを見てください
IMG_000043.gif ( 52 KB ) この無駄に小さい文字、

あっクリックすれば原寸表示しますよ

これ文字見えないでしょw
これが小の設定

んで次

IMG_000044.gif ( 60 KB ) 普通の頁ですねぇ・・・

居たって普通です、こうあるべきです。
これが中 中はちゃんと表示するんです。

さらに次

IMG_000045.gif ( 57 KB ) 文字大きいですね〜、半端じゃありませんね〜

その他のサイトで文字サイズを変更しても、ここまで劇的に変化するとコルは余りありません。
(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
閉じる
テーマ:たわごと URL:https://tsukiyori.sakura.ne.jp/index_m.cgi?ID=126
 
no prev page 1/1ページ(1件) no next page