如何在JavaScript中调整视口大小时逐渐减少填充量?

时间:2019-07-12 14:46:53

标签: javascript css

因此,我想使框的左填充在您更改网站宽度时逐渐减小,并在填充达到0时停止减小。

例如,当您将屏幕尺寸更改为1px时,则向左padding的位置也应减少1px。

1 个答案:

答案 0 :(得分:0)

您可以使用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/