例如，我有这个居中元素和margin-top: -10%;
我想调整大小，窗口缩小得越多，百分比就越少(如-6%(。
我知道vw和vh，但如果我们正在处理的距离很小，那么它们在窗口调整大小时几乎不会改变。
有没有办法有一些margin-top: calc();也许*做一些奇怪的数学技巧来实现我的意思？
对于宽窗口，我添加了一个媒体查询。我以 1300px 为例。如果将窗口大小调整为大于 1300px，则边距将保持不变。
当窗口开始缩小到 1300 像素以下时，边距开始发生根本性变化。我通过这个计算实现了这个：
margin-top: calc(-30px + 1300px - 100vw);
如您所见，在 1300px 时，边距将与更大时完全相同，并且它将使用媒体查询，因为
- 我减去原始边距，
- 然后我添加了断点宽度(=1300px(，
- 然后减去当时完全相同的窗口宽度 (=1300px(。
所以基本上我们把它作为"起点"。从那时起，窗口收缩得越多，边距就越激进地朝着正方向发展，因为收缩宽度在方程中被否定了。(意思是，随着窗口的缩小，我们越来越少地否定。
在这里玩一下，想办法实现你自己的理想数字：
https://codepen.io/bradib0y/pen/xyzJYE