Css 随着屏幕尺寸的变化，不断调整元件尺寸

有没有一种方法可以使用媒体查询随着屏幕大小的变化（连续/平滑）逐渐改变CSS属性的值。而不是设置一系列有变化的断点（步骤Y）

像这个网站：？ 当您缩小浏览器窗口时，页面顶部（导航栏）的

标记的边距会不断减小

这就是我试图实现的行为

或者，解决方案只是使用了如此多的媒体查询，以至于它看起来变化很平稳吗？

考虑使用视口百分比单位

根据规范：

视口百分比长度与视口的大小有关 初始包含块。当初始值的高度或宽度 包含块发生更改时，它们将相应地缩放

• vw单位-等于初始包含块宽度的1%
• vh单位-等于初始容器高度的1% 街区
• vmin单位-等于

  vw

  或

  vh

  中的较小者
• vmax单位-等于

  vw

  或

  vh

  中的较大者

---

您要查找的不是媒体查询。 您可以按百分比设置宽度、边距和填充。这是正常的做法

以下是一个例子：

HTML

---

您给出的示例使用的flexbox如下所示：

ul{
保证金：0；
填充：0；
}
李{
列表样式：无；
保证金：0；
填充：0；
文本对齐：居中；
外形：1px纯银；
}
@媒体屏幕和屏幕（最小宽度：500px）{
保险商实验室{
显示器：flex；
弯曲方向：行；
}
李{
柔性生长：1；
}
}

一个
两个
三

<div>
    <a>Link</a>
    <a>Link</a>
    <a>Link</a>
    <a>Link</a>
</div>

a {
    width:25%;
    display:block;
    float:left;
}