あまりに横に長いテキストは読みにくいため、ほとんどのサイトはメイン・コンテンツの最大幅を制限していますよね。
そのため大型ディスプレイでウィンドウを広げると、両サイドにポッカリと空きスペースができます。
例えば誰もが知る有名サイト note.com の場合、こんなかんじに。
この空きスペース、実は無駄では?
レイアウト的にもバランス悪いですよね?
ならば大きなウィンドウでは内容を拡大してみたらどうでしょう?
大きく表示させれば老眼にも優しい!
という高齢化社会へ向けたアクセシブルなCSSの提案です。
ウェブデザイナーにとっても、不本意なレイアウトになることを防げるので一石二鳥ではないでしょうか。
しかもメチャメチャ簡単に実装できますよ。
続きを読む