是否可以为页面的每个部分进行多个媒体查询？

Question

我了解了媒体查询，并了解到布局剧情变化应该有主要断点，而填充和字体大小应该有次要断点。 但是可以为页面的每个部分声明多个媒体查询吗？  例如：三个用于导航，三个用于每个部分的主要内容
我认为这比改变4或5个媒体查询的整个布局要好。

Answer 1

为什么不呢，我有时会这样做......例如

@media (max-width: 600px){
    body {
        background: green;
    }
}
@media (max-width: 500px){
    body {
        background: red;
    }
}
@media (max-width: 400px){
    body {
        background: blue;
    }
}

DEMO

Answer 2

在我看来，每个网站都有所不同。如果它适用于您的网站，并不是因为它太复杂了？没有＆＃39;规则＆＃39;适用于每个网站。有些人不喜欢使用它，所以他们不喜欢。有些人喜欢它，因此使用它。