使用媒體查詢加載base64編碼圖像

我在我的移動網站上有很多小圖片。因此，我加載他們base64編碼在CSS中。使用媒體查詢加載base64編碼圖像

<link rel="stylesheet" media="max-resolution: 239dpi" href="small-images-base64.css" /> 
<link rel="stylesheet" media="min-resolution: 240dpi" href="big-images-base64.css" />

問題是無論如何都會加載small-images-base64.css和big-images-base64.css。有沒有辦法只加載我真正需要的數據？

來源

2012-11-29 Alexander Ponomarev

只要鏈接它們，CSS就會一直加載。

一個解決方案是製作更多的css文件並根據頁面加載所需的文件。

，如果你拍攝的圖像出來的CSS並加載在html直接就跟另一個可能是......

<img src="data:image/gif;base64,AAAAAAAA........"/>

來源

2012-11-29 09:37:36 PbxMan

我不能讓更多的CSS，因爲我只有一個頁面:( 要加載在html中直接顯示圖片我必須在服務器上知道我需要什麼資源，我想避免這種情況我想只依靠客戶端加載不同的資源 –

正如我之前所說的，CSS將會被完全加載，如果你想加載依賴於客戶端的不同資源爲什麼不把所有不同於img文件的客戶端的所有資源都列出來？ – PbxMan

因爲有100個不同的非常小圖像，並將有100個請求到服務器。因此，這些圖像與base64內聯到CSS中。 –

使用媒體查詢加載base64編碼圖像

回答

相關問題