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

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

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