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

Question

所以我想让我的盒子的 padding-left 随着你改变网站宽度而逐渐减小，并让它在 padding 达到 0 时停止减小。

例如，当您将屏幕尺寸更改 1px 时，padding-left 也应该减少 1px。

标签： javascriptcss

Answer 1

你可以使用calc+ viewport units properties：

例子

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

参考：https ://css-tricks.com/fun-viewport-units/