因此,我想使框的左边距在您更改网站宽度时逐渐减小,并且在填充到0时停止减小。
例如,当您将屏幕尺寸更改为1px时,那么padding-left也应减少1px。
最佳答案
您可以使用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/