css3之@media的详细使用介绍

前言

使用css很多年了，每次使用media都需要上网查询一下，具体用法也没记住，本篇文章就帮你详细完整的介绍@media的用法，希望你可以更加了解@media的用法。如有不正确之处，还望指出，谢谢！

语法

@media: <media_query_list>
<media_query_list>: [<media_query> [’,’ <media_query>]]?
<media_query>: ([only | not ]? <media_type> [and ]) | ( [and ]*)
: ‘(’<media_feature>[:]?’)’

大致解释下：

1. @media后面可以添加多个query，使用‘,’分隔
2. query有两种写法一种使用media_type

([only | not ]? <media_type> [and <expression>]*)

一种不使用media_type

 (<expression> [and <expression>]*)

3. media_type： 媒体类型
4. expres