有没有一种方法可以使用媒体查询来随着屏幕大小的变化(连续/平滑地)逐渐改变CSS属性的值。而不是设置一堆发生变化的断点(逐步)?

在此网站上喜欢:http://www.bluegoji.com/吗?
当您缩小浏览器窗口时,页面顶部<a><ul>标记的边距(导航栏)不断减少。

那就是我试图实现的行为。

还是该解决方案只是使用了如此多的媒体查询,以至于看起来变化不大?

最佳答案

考虑使用视口百分比单位

从规格:



DEMO

关于css - 随着屏幕尺寸的变化不断调整元素尺寸,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36506878/

10-15 02:06