0

モバイル Web サイトに小さな画像がたくさんあります。したがって、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 の両方がロードされることです。本当に必要なデータだけをロードする方法はありますか?

4

1 に答える 1

0

リンクしている限り、CSS は常に読み込まれます。

1 つの解決策は、より多くの css ファイルを作成し、ページに応じて必要なものだけを読み込むことです。

別の方法としては、CSS から画像を取り出して、HTML に直接ロードする場合があります...

<img src="data:image/gif;base64,AAAAAAAA........"/>
于 2012-11-29T09:37:36.867 に答える