Macでスクロールバー常時表示設定時の100vw問題と対処法

Macでスクロールバーを常に表示に設定している場合、CSSのプロパティとして100vw(ビューポートの幅を100%とする)を使用すると、予期せぬスクロールバーが表示されることがあります。これは、100vwがビューポートの完全な幅を表すため、スクロールバーの幅も含まれるからです。

とりあえずの解決法としては、スクロールバーが表示される要素にoverflow: hidden;を設定します。しかし、これはスクロールバーそのものを非表示にしてしまうため、可能であれば100%を使用することをおすすめします。この100%は、スクロールバーの幅を除いたビューポートの幅を表すため、上記の問題を回避できます。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール