媒體查詢和CSS性能

我要開始築巢像克里斯Coiyer SCSS規則我的媒體查詢說明這裏：http://css-tricks.com/naming-media-queries/媒體查詢和CSS性能

例如

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

這似乎是一個更好的方法來組織我SCSS，但它會導致方式以上媒體查詢比如果我繼續把他們都在同一個地方。

我認爲它會影響CSS的性能，但我想我真的在尋找人們的意見。性能是否大幅度提高，是否值得以這種方式來實現它提供的組織？

2013-06-12 GusRuss89

你有沒有看過？

這是一個非常乾淨的方式來編寫sudo css。它編譯成CSS。我認爲這可能會讓您在不犧牲性能的情況下獲得可讀性。

更多信息：

2013-06-12 04:13:25

這不回答我的問題。正如我所解釋的，我已經在使用SCSS了。問題是多少媒體查詢會影響性能。 – GusRuss89

@OP你在你的問題中表示你正在尋找意見，這是Seths的意見，所以是的，他有點回答你的問題...... – lukeocom

@lukeocom：只是供參考，at-OP實際上不ping任何人，除非他們的用戶名是OP 。 – BoltClock

如果您關注的是性能，爲什麼不創建一個頁面的一些/ CSS的變化和實際測量真實世界的結果嗎？通過這種方式，您可以獲得真實的指標，並且可以查看整個頁面，因此您可以保持透徹。

我最喜歡的測試網站是http://www.webpagetest.org，還有很多其他的。

2013-06-12 11:08:20

回答