
vwで幅指定をすると横スクロールバーが表示される件
要素の横幅を「100vw(viewport width)」に指定すると、横スクロールバーが表示されるので注意!
【原因】Windows では Viewport にスクロールバーの幅が含まれるため。
※MacOS・iOSではスクロールバーはフロート表示されるのでこの現象は見られない。(Androidは未確認)
【対策】パーセンテージ「100%」で指定する。
要素の横幅を「100vw(viewport width)」に指定すると、横スクロールバーが表示されるので注意!
【原因】Windows では Viewport にスクロールバーの幅が含まれるため。
※MacOS・iOSではスクロールバーはフロート表示されるのでこの現象は見られない。(Androidは未確認)
【対策】パーセンテージ「100%」で指定する。
コメントはお気軽にどうぞ!