スマホデザインで意図しない横スクロールがでるとき
公開 2024/06/12 15:38
最終更新
-
スマホのデザインをしていて度々悩まされるのが、横幅100%に指定しているのになぜか意味不明な横スクロールバーができてしまう問題。
100%指定なんだからピタッと100%でしょ！なんでスクロールバーができちゃうのー。って毎回なってます。その問題を解決するのが
box-sizing: border-box;です。
bodyかhtmlのタグに指定すると直りました。
body * {
box-sizing: border-box;
}
paddingの幅や罫線もボックスに含める。という指定らしいです。
100%指定なんだからピタッと100%でしょ！なんでスクロールバーができちゃうのー。って毎回なってます。その問題を解決するのが
box-sizing: border-box;です。
bodyかhtmlのタグに指定すると直りました。
body * {
box-sizing: border-box;
}
paddingの幅や罫線もボックスに含める。という指定らしいです。
☔️{いらっしゃいませ〜〜⭐️]
備忘録だったり思ってることだったりいろいろかきます。
備忘録だったり思ってることだったりいろいろかきます。
最近の記事
タグ