Open inc2734 opened 7 months ago
スライダーは overflow:hidden なブロックでラップしないと、スマホなど狭い画面でみたときに、そのページが正しいコンテンツ幅で表示されない(スライダー全体の幅で表示されてしまう)。
overflow:hidden
ラップすると正しいコンテンツ幅で表示されるが、単純にラップしただけだとはみ出たスライドが消えてしまうため、overflow:hidden なブロックは alignfull にして、さらにコンテナーブロックなどでスライダーの横幅を制限しないといけない。これが手間。スライダーブロック単体で機能するようにしたい。
alignfull
ただ、既存のスライダーブロックに影響を与えない形で、というのは難しい気がする…。alignfull にしたときだけ HTML 構造を変えるとか、既存のスライダーブロックはインサーターに表示できないようにした上で、新しいスライダーブロックを用意するとか方法を考える。
body { overflow-x: clip } で横スクロールしなくなりそうなので、一旦それで対応する。
body { overflow-x: clip }
スライダーは
overflow:hidden
なブロックでラップしないと、スマホなど狭い画面でみたときに、そのページが正しいコンテンツ幅で表示されない(スライダー全体の幅で表示されてしまう)。ラップすると正しいコンテンツ幅で表示されるが、単純にラップしただけだとはみ出たスライドが消えてしまうため、
overflow:hidden
なブロックはalignfull
にして、さらにコンテナーブロックなどでスライダーの横幅を制限しないといけない。これが手間。スライダーブロック単体で機能するようにしたい。ただ、既存のスライダーブロックに影響を与えない形で、というのは難しい気がする…。
alignfull
にしたときだけ HTML 構造を変えるとか、既存のスライダーブロックはインサーターに表示できないようにした上で、新しいスライダーブロックを用意するとか方法を考える。