一行は何文字が良い?
読ませる気があるなら、読みやすいレイアウトにするべきだと思う。そこで今回は1行の文字数を調整してみる。
1行の文字数が長すぎても、短すぎても、読みやすいレイアウトとは言えない。
そこで、自分自身の読みやすいと感じる文字数を模索してみる。だいたい40文字~50文字程度の範囲の中だろうか?A4サイズの用紙に書いた場合に合わせるぐらいがちょうど良さそうだ。
その前に、インターネット検索してみると「もっともらしくそれを言ったもの勝ち」な答えが見つかるだろう。前習えや右習えは簡単なのだが、それは本当に自分にとって読みやすいの?なので、そういった情報は参考にしても、鵜吞みにせず、自分自身で試して数値化を心掛けるようにすると良い。
とりあえず。
スタイルシートで、大きな画面(横幅780px以上のPCのディスプレイなど)では、横幅720pxで中央に表示されるように制限をかけてみた。それ以下の画面(スマホやタブレットなど)では、横幅いっぱいまで使って表示される。
.mycontainer {
background-color: #FFFFFF;
}
@media (min-width: 780px) {
.mycontainer {
width: 720px;
margin: 0 auto;
}
}
今回の@media (min-width: 780px)の設定値(780px)は、ウィンドウ幅を実際に縮めて、どう見えるか試して決めると良い。自分が納得できる数値をみつけよう。
実践あるのみ。






