4件の投稿を表示中 - 1 - 4件目 (全4件中)
-
投稿者投稿
-
2022年12月25日 3:14 PM #115682
先日、事業サイトを「ヘッダーレイアウト:左」にして色々と遊んでいました。
そして、ちょっと気になって点がありましたので共有だけさせてください。特に要望というレベルではない(自分でCSSでカスタマイズすればいいかなと思うので)のです。
投稿や固定ページのレイアウトをデフォルト(右サイドバー)にした場合、PC表示では左サイドバー(ヘッダーメニュー等)・コンテンツ・右サイドバーという並びになりますが、ブラウザ幅を1300px以上で表示させる際にはそれほど気にはならないものの、それ以下に下げていくと、左サイドバーと右サイドバー幅は固定で、メインコンテンツ部分がかなり狭い状況がブラウザ幅によっては発生してしまいます。(1100px以下〜切り替えポイントなど)
ですので、ヘッダーレイアウト左を選択した際には、サイドバーのカラム落ちが早めに発生しても可読性向上のためには良いのかもしれないな、と思いましたので共有させていただきます。
♥ 0Who liked: No user2022年12月27日 10:40 AM #1157252023年1月18日 2:33 PM #116422一応 issue 共有します。
メディアクエリでの制御だと CSS が複雑になりそうなので、
margin
とwidth
ではなくてgap
とflex-basis
を使った実装に変えてしまおうと思います。CSS で幅や余白を上書きしている場合の後方互換性は崩れてしまいますが、今後を考えると CSS がシンプルになる方が良いかなぁと…。v19 とあわせてリリースします!
♥ 0Who liked: No user2023年1月20日 7:33 PM #116554 -
投稿者投稿
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- トピック「ヘッダーレイアウト「左」時のサイドバーカラム落ちブレイクポイントについて」には新しい返信をつけることはできません。