CSS媒体查询有多慢?

时间:2011-07-13 16:43:00

标签: css optimization media-queries

当我组织我的CSS时,我喜欢完全保留相关的样式(标题样式在一个部分,页脚样式都在同一个地方,等等)(抱歉,OOCSS倡导者)。

我最近一直在尝试使用较小/较大屏幕的媒体查询。为了与我的组织方案保持一致,我必须为每个屏幕尺寸包含单独的查询,我将针对代码的每个部分进行定位。 (例如,如果我支持,比如七种不同的屏幕尺寸,我将使用我的“标题”CSS进行七种不同的媒体查询,然后在“页脚”部分中进行七次查询等。)

暂且不论这是否 应该如何做到这一点的问题,是否存在任何技术影响,因为有这么多的媒体查询块? (它们都是min-widthmax-width或两者。说我有100个不同的查询,但我只有七个不同的大小我一遍又一遍地检查。)是否需要浏览器更长的解析?

1 个答案:

答案 0 :(得分:3)

处理潜在慢速路径的代码在现代浏览器中进行了大量优化,因此除非您必须使用分析数据,否则无需预先优化此类事物。来吧,写下来。