2013-04-24 51 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