媒体查询

尽量将媒体查询的规则靠近与他们相关的规则,不要将他们一起放到一个独立的样式文件中,或者丢在文档的最底部,这样做只会让大家以后更容易忘记他们。

  1. .element {
  2. ...
  3. }
  4. .element-avatar{
  5. ...
  6. }
  7. @media (min-width: 480px) {
  8. .element {
  9. ...
  10. }
  11. .element-avatar {
  12. ...
  13. }
  14. }