当我组织我的 CSS 时，我喜欢完全保留相关的样式（页眉样式在一个部分，页脚样式都在同一个地方，等等）（对不起，OOCSS 倡导者）。
我最近一直在尝试针对更小/更大屏幕的媒体查询。为了与我的组织方案保持一致，我必须在代码的每个部分中包含针对每个屏幕尺寸的单独查询。（例如，如果我支持七种不同的屏幕尺寸，我的“标题”CSS 将有七个不同的媒体查询，然后在“页脚”部分有七个查询等）
撇开这是否是我应该这样做的问题不谈，拥有如此多的媒体查询块是否有任何技术后果？（它们都是min-width,max-width或两者都有。假设我有 100 个不同的查询，但是我一遍又一遍地检查只有七种不同的大小。）浏览器会花费更长的时间来解析吗？