質問: 文字サイズを変更してもくずれないレイアウト お世話になります。 cssで文字サイズを「小・中・大」と変更できるサイトはよく見かけるのですが、文字サイズを変更した際に、レイアウト(背景の画像や枠の幅)は同じなので、1行だったものが2行になってしまったりします。 それを回避したサイトを制作するにはどのようにしたら良いでしょうか? 現状の策としましては、 ・cssを3つ用意し、さらにそのcssに合わせたレイアウトのhtmlをそれぞれ用意しておく。 ※この場合、ページの進退でそのcssをそのまま引き継ぐ方法が未解決です。 どなたかご教授いただければと思います。 以上、宜しくお願い致します。
回答: >cssで文字サイズを「小・中・大」と変更できるサイトはよく見かける >のですが、~~ cssの機能だけで実現しているのでしょうか? ちょっと思いつかない... もしかして、javascriptを使用しているのならば、文字サイズ変更と同時にcssを入れ替えるものがあちこちにあるみたいです。 以下テストはしていませので内容は不明ですが。 http://blog.webneta.net/archives/2007/04/10/ クッキーに保存して設定を引き継げるもの http://phpspot.org/blog/archives/2009/04/5.html http://c-brains.jp/blog/wsg/08/06/30-160150.php (クッキーの対象をそのページのみかサイトにしているかは確認していません:ページだけになってるかも...) 意味が違ってたら失礼。 でも、ブラウザのユーザ設定でも文字サイズを選べるので、文字のサイズを変えるのはおおきなお世話という説も聞いたことがあります。