是否可以在没有滚动条的情况下计算视口宽度（vw）？ [复制]

如标题所述，是否可以计算vw仅在CSS中没有滚动条？

例如，我的屏幕宽度为1920px. vw回报1920px， 伟大的。但我的实际身体宽度只是这样1903px.

有没有办法让我找回1903px仅带有 css 的值（不仅适用于body），或者我是否绝对需要 JavaScript 来实现此目的？

一种方法是使用 calc。据我所知，100%是包括滚动条的宽度。所以如果你这样做：

body {
  width: calc(100vw - (100vw - 100%));
}

您将得到 100vw 减去滚动条的宽度。

例如，如果您想要一个占视口 50% 的正方形（减去滚动条宽度的 50%），您也可以对高度执行此操作

.box {
  width: calc(50vw - ((100vw - 100%)/2))
  height: 0
  padding-bottom: calc(50vw - ((100vw - 100%)/2))
}