前言
使用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>[:]?’)’
大致解释下:
- @media后面可以添加多个query,使用‘,’分隔
- query有两种写法一种使用media_type
([only | not ]? <media_type> [and <expression>]*)
一种不使用media_type
(<expression> [and <expression>]*)
- media_type: 媒体类型
- express