css - メディアクエリと CSS のパフォーマンス

Question

Chris Coiyer がここで説明しているように、SCSS ルールでメディアクエリをネストし始めたい: http://css-tricks.com/naming-media-queries/

例えば

#breadcrumbs {
    display: none;
    @include font-size(13);
    margin: 8px 0 0;
    @include at-least(768) {
        display: block;
    }
}

これは私の SCSS を整理するためのはるかに優れた方法のように思えますが、すべてを 1 か所にまとめ続ける場合よりもはるかに多くのメディアクエリが発生することになります。

CSSのパフォーマンスに少し影響を与えると思いますが、私は本当に人々の意見を探していると思います. パフォーマンスは大幅に低下しますか? また、このようにして組織化を容易にする価値はありますか?

score 0 · Accepted Answer

もっと少なく見ましたか？

sudo css を書くのはとてもきれいな方法です。cssにコンパイルされます。パフォーマンスを犠牲にすることなく、探している読みやすさを提供できると思います。

より詳しい情報：

css - メディア クエリと CSS のパフォーマンス