• 媒体查询

    媒体查询

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

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