当我组织 CSS 时，我喜欢将相关样式保留在一起(页眉样式位于一个部分，页脚样式全部位于同一位置，等等)(抱歉，OOCSS 拥护者)。
我最近一直在尝试针对较小/较大屏幕的媒体查询。为了与我的组织方案保持一致，我必须为代码的每个部分所针对的每个屏幕尺寸添加单独的查询。 (例如，如果我支持七种不同的屏幕尺寸，我将使用“页眉”CSS 进行七个不同的媒体查询，然后在“页脚”部分中使用七个查询，等等)
撇开我是否应该这样做的问题不谈，拥有如此多的媒体查询 block 是否会产生任何技术影响？ (它们都是 min-width、max-width 或两者兼而有之。假设我有 100 个不同的查询，但我只检查了 7 个不同的尺寸一遍又一遍。)浏览器会花费更长的时间来解析吗？
最佳答案
处理潜在慢速路径的代码在现代浏览器中得到了大力优化，因此您不需要预先优化此类事情，除非您确实需要这样做，并且手头有分析数据。继续写吧。
关于css - CSS 媒体查询有多慢？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6682462/