Macでスクロールバーを常に表示に設定している場合、CSSのプロパティとして100vw
(ビューポートの幅を100%とする)を使用すると、予期せぬスクロールバーが表示されることがあります。これは、100vw
がビューポートの完全な幅を表すため、スクロールバーの幅も含まれるからです。
とりあえずの解決法としては、スクロールバーが表示される要素にoverflow: hidden;
を設定します。しかし、これはスクロールバーそのものを非表示にしてしまうため、可能であれば100%
を使用することをおすすめします。この100%
は、スクロールバーの幅を除いたビューポートの幅を表すため、上記の問題を回避できます。