CSS媒體查詢有多慢？

Question

當我組織我的CSS時，我喜歡完全保留相關的樣式（標題樣式在一個部分，頁腳樣式都在同一個地方，等等）（抱歉，OOCSS擁護者）。

我最近一直在試驗較小/較大屏幕的媒體查詢。爲了與我的組織計劃保持一致，我必須爲每個代碼的每個部分針對的每個屏幕大小都包含單獨的查詢。 （例如，如果我支持七種不同的屏幕尺寸，那麼我會使用我的「標題」CSS查看七個不同的媒體查詢，然後在「頁腳」部分查詢七個查詢，等等）。

拋開這個問題，我是否應該這樣做，是否有任何技術上的分歧，有這麼多的媒體查詢塊？ （它們都是min-width，max-width，或者兩者都有，假設我有100個不同的查詢，但是我只能重複檢查7個不同的大小）。瀏覽器需要更長的時間才能解析嗎？

Answer 1

處理潛在慢速路徑的代碼在現代瀏覽器中進行了大量優化，因此您不需要預先優化這類事情，除非您肯定必須使用概要分析數據。繼續寫下來。