有没有办法逐步调整使用媒体查询而不是预先确定的宽度？ E.g。
目前我有类似的东西：
@media screen and (max-width: 1024px) { }
现在只有当窗口到达神奇的1024px边界时才会调整大小...但是，我需要在每个阶段调整大小，而不仅仅是1024px。
如果用户使窗口缩小10％，那么图像和字体大小也需要减少10％。
这可能与媒体查询有关，还是我不得不为了这条路线走下去？
感谢。
答案 0 :(得分：5)
只需使整个布局灵活。然后，您可以使用宽度调整图像大小：90％; （或您喜欢的任何值），或使用max-width：90％;如果你不想让图像升级。
使用媒体查询或css无法逐步调整文本大小，但你真的不应该这样做。窗口较小的人将无法阅读文本，而大屏幕的人将不得不坐下来，因为文本很大。更不用说使用手机的人了。
答案 1 :(得分：0)
是的，您可以使用vw和vh逐步调整大小。请注意浏览器支持。
.h1 {
font-size: 50vw;
}