CSS @media查询对页面加载速度有影响吗？

Question

我想知道尝试减少CSS文件中@media queries的数量是否有任何意义

e.g。将所有必要的代码放在一个

中

@media (max-width: 767px) { }

查询而不是在我需要的地方写几次？它无论如何都会影响页面加载速度吗？

Answer 1

正如一些评论所述，不，这不会影响页面本身的加载速度，只是因为CSS文件的文件大小越大，媒体查询越多，因此需要额外的时间下载。 将媒体查询减少到一个也可能会限制分辨率较小的设备并访问网站/页面，这完全不是最佳选择。