css - 媒体查询和 CSS 性能

Question

我想开始在 SCSS 规则中嵌套我的媒体查询，就像 Chris Coiyer 在这里解释的那样: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 的一种更好的方式，但与我继续将它们全部放在一个地方相比，它会导致方式更多的媒体查询。

我认为它会对 CSS 的性能产生一点影响，但我想我真的是在征求人们的意见。性能是否受到实质性影响？为了便于组织，是否值得这样做？

Answer 1

你看的少吗？

这是编写 sudo css 的一种非常干净的方式。它编译成css。我认为它可以在不牺牲性能的情况下为您提供所需的可读性。

更多信息:

http://lesscss.org/