css - 如何组合媒体查询？

Question

我有两个媒体查询现在正在做同样的事情。如何将这些组合成一个查找两种宽度的查询？

@media (max-width : 480px) {...}
@media (max-width : 320px) {...}

Answer 1

无需结合，这涵盖了两者：

@media (max-width : 480px) {...}

这适用于宽度小于 480px 且 320px 小于 480px 的情况。