浏览器是否缓存了不相关的媒体查询？

在有多个媒体的查询部分只有相关媒体查询内的规则将被浏览器处理的一个虚构的样式表，例如浏览器是否缓存了不相关的媒体查询？

@media screen and (max-width: 400px) { 
    .container { 
     width: 95%; 
    } 
} 
@media screen and (max-width: 800px) { 
    .container { 
     width: 80%; 
    } 
}

.container将是宽95％在屏幕上用的400像素的最大宽度。

我的问题是这样的：尽管最大400px的媒体查询是唯一相关的（在这个虚构的例子中），最大800px的媒体查询会被浏览器缓存，尽管它是无关紧要的，或不？

来源

2015-06-29 Brian Emilius

这是一个奇怪的问题。动机是什么？浏览器的内部优化如何影响你？ –

与我的同事讨论媒体查询是否可以在缓存样式表时保存文件大小。 –

浏览器可能会缓存包含这些媒体查询的整个CSS文件，但浏览器不会缓存CSS文件的特定部分。

所以要回答你的问题，是的，浏览器可能会缓存媒体查询的非活动部分，因为它可能（也可能会）缓存整个CSS文件。

来源

2015-06-29 17:37:01 mituw16

谢谢你的回答。有没有什么方法可以调查这是否是专门针对某个项目的情况？ –

您无法确定是否缓存了某些内容，但可以执行类似于以下回答的操作来防止缓存。 http://stackoverflow.com/a/2068407/1729859我见过的另一件事是在部署中增加文件的版本号。就像myCSS-1.1.css等一样，每次部署时，浏览器都会得到一个更新的CSS文件，而不是读取旧的缓存的文件 – mituw16

浏览器是否缓存了不相关的媒体查询？

回答

相关问题