瀏覽器是否緩存了不相關的媒體查詢？

在有多個媒體的查詢部分只有相關媒體查詢內的規則將被瀏覽器處理的一個虛構的樣式表，例如瀏覽器是否緩存了不相關的媒體查詢？

@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

瀏覽器是否緩存了不相關的媒體查詢？

回答

相關問題