媒体查询media

1. 媒体查询 only的含义：对于现代浏览器，可以不使用only。对于老版本，如果不使用only会把复杂判断条件都忽略，仅仅视为media。所以尽量带上only。
2. not 或者 only仅适用单个查询条件。比如 not media and (min-width: 30em), media and (max-width: 300em) 等同于 ( not (media and (min-width: 30em)) ), media and (max-width: 300em)
3. 逗号代表或者的意思，只要有一个满足即可