 |
サイトメニュー
|
 |
|
|
文字サイズの変更 |
|
「文字サイズの変更」への対応に向けて
ちょっとした改良を行いました。
以前からお気づきの方も多かったとは思いますが
「文字のサイズ」を大または最大でアフィリエイトシティを見ると大変なことになっていました（笑）。
特に左メニューバーと右上のコメント欄は、レイアウトが崩れてまともに見れない状況…。
しかし文字のサイズを大・最大で見ている人もいることは事実で、私の友人も最大に設定していました。
そこで、文字サイズの大・最大に対応すべく、いくつか考えてみました。
まず最初に考えたのが、文字のサイズを固定してしまおうというものです。
固定してしまえば、サイズ変更に関係なく一定の大きさの文字になり
レイアウトの崩れる心配もありません。
しかし、目の悪い人が見に来てくれた場合、サイズ変更ができないため非常に見にくいサイトになる危険性があります。
ということで、この案はボツにしました。
次に考えたのが、文字ではなく画像にするということです。
例えば、左メニューの「初めての方はこちら」の部分を画像にしてしまえば、文字サイズの変更には関係ありませんし、記事の文はサイズ変更可能になるので訪問者にもやさしい作りになります。
ただ画像を使用するためにページが重くなってしまうという欠点もあります。
悩みに悩みましたが結局、文字サイズの固定を部分的に行うという方法にすることにしました。
<DIV style="font-size:10pt">文字</DIV>という風に
左メニューの「初めての方はこちら」・「メニュー」・「サイトメニュー」
右上の「副業のための〜」を文字サイズを固定してみました。
文字サイズを大・最大で見てみると、多少レイアウトが崩れてしまいますが、以前と比べれば格段に良くなりましたし、見れないというほどのものでもないので、とりあえずこれで行く事にしました。
ただこの応急処置はInternet Explorerの場合しか効果がなさそうです。
ためしにNetscapeのブラウザをダウンロードしてみたところ、文字サイズの変更がパーセント表示になっていて、倍率を上げていくと見事に（笑）崩れていってしまいました（100％なら大丈夫だったのですが…）。
ほとんどの訪問者の方がInternet Explorerを使用しているとはいえ、まだまだ不十分。今後の課題にしていきたいと思います。
文字サイズなんて気にした事がないという方は一度自分のサイトを見てみてはいかがでしょう？
たまには文字サイズを変えたり、ブラウザの幅を変えてみたりして、見え方をチェックすることも必要だと思います。
|
|
 |
|
|
