Cas*_*sey 2 css css3 media-queries flexbox responsive-design
有没有办法在屏幕改变大小(连续/平滑)时使用媒体查询逐渐更改CSS属性的值.而不是设置一堆有变化的断点(步骤)？
喜欢这个网站:http://www.bluegoji.com/？当您缩小浏览器窗口时,页面顶部(导航栏)中<a>标签的边距<ul>会不断减小.
这是我想要实现的行为.
或者解决方案只是使用如此多的媒体查询,它似乎顺利改变？
使用大量媒体查询是一种方法.但它可能不是最好的方法.
考虑使用视口百分比单位.
从规格:
5.1.2.视口百分比长度:对
vw,vh,vmin,vmax单位视口百分比长度相对于初始包含块的大小.当初始包含块的高度或宽度改变时,它们相应地缩放.
- vw unit - 等于初始包含块宽度的1%.
- vh单位 - 等于初始包含块高度的1%.
- vmin单位 - 等于
vw或小于vh.- vmax单位 - 等于
vw或大于vh.