文字サイズと記事表示幅
- 2010/12/14 04:19
- カテゴリー:サイト作成メモ, 時空の塔::History, 金狼亭::History, 小ネタ
- タグ:サイト@時空の塔, サイト@金狼亭
先日、サイト内で動的処理をしない部分について、文字サイズの固定と記事表示部の幅固定を外しました。ウインドウ幅いっぱいを使い、文字の大きさはブラウザの設定を基準とした相対的な指定になります。
この修正は2008年から密かに(?)進めてきたサイト改修計画の中で「スタイルシート無効でも大きく崩れない」を目標とした修正の次のステップにあたります。ブラウザの設定に従う事で、来訪者の方お一人ずつの事情に沿った個人にとってより見易い表示を目指そうとするものです。
2年がかりでようやくここまで来る事が出来てやれやれといった心境ですが、心配なのは、レイアウト崩れと、記事表示部の横幅が広くなった場合に整形のための改行をしていない文章が読み辛くなる事ですね。どうしたものか…。
企業や官公庁のサイトでも、文字サイズ・記事表示幅とも固定のところを結構見かけます。恐らくこれは「レイアウトが崩れる心配が無い」という意味での見易さを優先した結果だろうと思います(これまでの自分がそうでした)。
近頃のサイトでメニューから文章から全て画像になっていたり、FLASH表示だったりするのも、見た目の美しさに加え、レイアウト崩れ対策の面があるのかもしれません。
個人によって千差万別の「見易さ」を追及する事はゴールが無いマラソンのようなものです。たぶん正解はありません。
閲覧環境が多様化している今、どんな端末、どんなブラウザでも何の問題もストレスもなく閲覧可能を実現するのは非常に困難ですが、せめて「どんな環境でもそれなりに読める」ぐらいはいけたらなぁと思っています。が、それもまた厳しい道程ではあります。
※※※
改修工事、踊る金狼亭はこれで完了かな...。
時空の塔側はまだまだ。
(2011/2/7追記)
> 記事表示部の横幅が広くなった場合に(中略)読み辛くなる~
この記事を書いた時点ではスタイルシートでmax-widthの指定をすればたぶん問題解決と考えていたのですが、IEだけ上手く反映されない事が分かり、面倒になってそのまま放置していました。
が、最近になって、IE含めて解決できる方法についてとある方からミミヨリ情報を頂きました。興味がある方は下のリンクから飛んでみて下さい。
[外部リンク]
CSS Lecture|min-width、min-height、max-width、max-heightをIE6でも実装する方法