在JavaScript中，如何在调整视口大小时使填充逐渐减少？

所以我想在我的方框左边做一个填充，当你改变网站宽度时，填充逐渐减少，当填充达到0时，填充停止减少

---

例如，当您将屏幕大小更改1px时，左侧填充也应减少1px。

您可以使用

calc

+

视口单位属性：

示例

body {
  // padding grows 1px for every 100px of viewport width
  padding-left: calc(0px + 1vw);
}

Ref:
欢迎来到堆栈溢出！希望您至少尝试自己编写此代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果仍然有问题，请返回代码并解释您尝试了什么。