| Q. |
今、ビルダーでホームページを作っているのですが、観覧するときに文字サイズを変更すると文字だけが大きくなり改行してしまう為、画像とのバランスがおかしくなってしまいます。ビルダーで画像も一緒に大きくしてくれるような設定は出来るのでしょうか？ また、％で設定すると良いと拝見したのですが、どうやってするのですか？ |
| A. |
閲覧時に文字の大きさを変える機能は、ブラウザ（Internet Explorer）側の機能です。ブラウザの[表示]→[文字のサイズ]には、最大、大、中、小、最小 の５段階があり、どの設定で閲覧するか？ は、ユーザー側に任せることになります。
一方、画像ファイルについては、縦と横のサイズを、あらかじめピクセル数で指定してから、その大きさのファイルをサーバーにアップロードしますので、ブラウザ側で、自動的に拡大したり、縮小するような機能はありません。
そこで、文字サイズを変えてしまうと、どうしても、文字と画像のバランスがズレてしまうのですが、これを避けるための方法としては、文字サイズをブラウザ側で変更できないようにしてしまう、という方法があります。
文字サイズの指定方法には、１．相対サイズ指定 と、 ２．絶対サイズ指定 の２つの方法があります。特に何も指定しない場合は、相対サイズ指定になります。相対サイズ指定の場合、ブラウザ側で、表示サイズを自由に変更することが可能です。
それに対して、絶対指定の場合は、ブラウザ側で文字の大きさを自由に変更することができなくなります。絶対指定は、スタイルシートの機能を使って、文字の大きさを強制的に決めてしまう方法です。具体的には以下のようになります。
<STYLE type="text/css">
<!--
P{
font-size : 10pt;
}
-->
</STYLE>
</HEAD>
<BODY>
<P>あああああ</P>
</BODY>
ここで、10pt という設定が、強制的に設定されています。この数値を変えれば、文字の大きさを変えることができますが、ブラウザ側では変更することはできません。
これをやると、文字と画像のバランスは崩れずに済みますが、ユーザビリティ上は好ましくありません。なぜなら、ホームページの閲覧者の中には、小さい文字が読めない目の悪い人もいるからです。そのような人は、普段は、文字の表示サイズを大きくして閲覧していますので、ブラウザで表示サイズが変更できないことを知ると、読むのをやめてしまうかもしれません。そのような意味では、デザインばかりを重視しすぎると、肝心の文章が読んでもらえなくなる、というデメリットも発生します。
ちなみに、pt の部分を % に変更すると、相対サイズ設定になります。100% で通常サイズです。50% にすれば、通常の半分のサイズになります。
回答者 大和賢一郎 |
関連する質問
関連する動画
関連する用語
関連する解説
その他の関連情報
|
|
FAQ（よくある質問と回答）を検索する
Loading
|
