架空創造地図描画日記2023[No.7837]

　テキスト文は自動的に改行されるので、それがメインのページならば、結界を張るだけで最低限のレスポンシブは実現する。だがビジュアル的にレイアウトが乱れまくりだし、テキストのサイズもまとまりが無くて、あまりにも強引過ぎる。それらが解決できれば、現在議論中のtableのあるページにも応用できるだろう。
　まずは文字の大きさである。どんなブラウザでも共通のようだが、デフォルトサイズだと通常の見出しぐらいの大きさなので、スマホでは大き過ぎる。PCでは読みやすさからすればちょうどよいかもしれないが、レイアウトを組む上ではやはり大き過ぎる。
　いずれにせよ、一回り小さくしないと扱いにくい。タグのみで制御していた昔の個人サイトでは、誰もがfontタグでコントロールしていただろう。だがそれが廃止された現在、フォントサイズを調整する方法はcssを使うしかない。これは昔に比べると面倒になったということか? 主観的にはそうとも言えない。他の呪文と混ぜて唱えるとなれば、むしろ合理的で扱いやすくなったという印象である。
　では今の時代において、フォントサイズを控え目に設定するにはどうすればよいか? cssでタグに対して、font-size:80%程度の呪文をクラスで渡せば合理的に解決する。クラス名は何でもよいが、これは多用するので簡単なのがよいだろう。従来はテキスト文を細かくfontで囲って面倒なことをしていたものだが、極端な話、レスポンシブで唱えた外側の結界に対してこいつを唱えるだけで、結界の内部全体に有効なわけである。だけどレイアウトを考えれば、そこまで大雑把にする必要も無いか…。