如何结合媒体查询?

4th*_*ace 1 css media-queries

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

@media (max-width : 480px) {...}
@media (max-width : 320px) {...}
Run Code Online (Sandbox Code Playgroud)

cim*_*non 5

没有必要结合,这包括:

@media (max-width : 480px) {...}
Run Code Online (Sandbox Code Playgroud)

当宽度小于480px且320px小于480px时适用.

  • 我不会查询特定的"常见"视口大小,因为它们在大多数设计的上下文中往往没有多大意义(另外,当有人制作具有非标准分辨率的新设备时会发生什么?).请参阅:http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/和http://designshack.net/articles/css/responsive-design-why-youre-doing - 它-错/ (2认同)