如何在调整窗口大小时加速 CSS 中的边距缩小？

Posted 2023-03-24

【中文标题】如何在调整窗口大小时加速 CSS 中的边距缩小？

【英文标题】：How to accelerate margin shrink in CSS while resizing a window?

【发布时间】：2020-11-23 12:33:06

【问题描述】：

我正在尝试在 html/css 中制作一些响应式布局。我有一个自动页边距，网站内容占宽度的 60%。当我调整窗口大小时，边距正在缓慢缩小。我想达到类似 Spotify - Here is the link to the polish Spotify website 的效果。所以我需要的只是在调整窗口大小的同时加速边距缩小。我该如何处理？

【参考方案1】：

您必须使用基本上检查屏幕宽度的媒体查询，一旦达到该宽度，您可以将边距设置为您想要的任何值。

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

【讨论】：

请阅读How to Answer这在未来可能不相关，因此不鼓励仅链接答案

我知道，但是如果我使用媒体查询，如果屏幕达到某个断点，则会出现“跳转”效果。我想知道如何在屏幕调整大小开始时使边距快速缩小。