当我组织 CSS 时，我喜欢将相关样式保留在一起（页眉样式位于一个部分，页脚样式全部位于同一位置，等等）（抱歉，OOCSS 拥护者）。
我最近一直在尝试针对较小/较大屏幕的媒体查询。为了与我的组织方案保持一致，我必须为代码的每个部分所针对的每个屏幕尺寸添加单独的查询。 （例如，如果我支持七种不同的屏幕尺寸，我将使用“页眉”CSS 进行七个不同的媒体查询，然后在“页脚”部分中使用七个查询，等等。）
抛开我是否是这样的问题should这样做，拥有如此多的媒体查询块是否有任何技术影响？ （他们都是min-width, max-width， 或两者。假设我有 100 个不同的查询，但我一遍又一遍地检查只有 7 个不同的大小。）浏览器会花费更长的时间来解析吗？
处理潜在慢速路径的代码在现代浏览器中得到了大力优化，因此您不需要预先优化此类事情，除非您确实需要这样做，并且手头有分析数据。继续写吧。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
