当我组织我的CSS时,我喜欢完全保留相关的样式(标题样式在一个部分,页脚样式都在同一个地方,等等)(抱歉,OOCSS倡导者)。
我最近一直在尝试使用较小/较大屏幕的媒体查询。为了与我的组织方案保持一致,我必须为每个屏幕尺寸包含单独的查询,我将针对代码的每个部分进行定位。 (例如,如果我支持,比如七种不同的屏幕尺寸,我将使用我的“标题”CSS进行七种不同的媒体查询,然后在“页脚”部分中进行七次查询等。)
暂且不论这是否 应该如何做到这一点的问题,是否存在任何技术影响,因为有这么多的媒体查询块? (它们都是min-width
,max-width
或两者。说我有100个不同的查询,但我只有七个不同的大小我一遍又一遍地检查。)是否需要浏览器更长的解析?
答案 0 :(得分:3)
处理潜在慢速路径的代码在现代浏览器中进行了大量优化,因此除非您必须使用分析数据,否则无需预先优化此类事物。来吧,写下来。