2013-04-24 66 views
1

我有两个媒体查询现在正在做同样的事情。我如何将这些结合到一起查找两个宽度的查询中?如何结合媒体查询?

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

回答

5

有没有需要结合起来,这既包括:

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

这适用于宽度小于480像素,而320像素小于480像素。

+0

谢谢。你知道是否有你应该显式查询的关键宽度列表?至少是480px好? – 4thSpace 2013-04-24 20:20:30

+2

我不会针对特定的“常见”视口大小进行查询,因为它们在大多数设计的上下文中往往没有多大意义(另外,当有人用非标准分辨率制作新设备时会发生什么?)。参见:http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/和http://designshack.net/articles/css/responsive-design-why-youre-doing - 它-错/ – cimmanon 2013-04-24 20:28:06