私は、超高解像度ディスプレイでの画像置換のために CSS メディア クエリを試してきましたが、CSS で定義された単一の画像に対してうまく機能するようです。しかし、CSS のコマンドが限られているため、インテリジェントなルールを作成するのに苦労しています。
CSS メディア クエリを使用して、利用可能な場合に @2x バージョンの画像を置き換えるルールを作成することはできますか? これを実行できる jscript (retina.js) があることは知っていますが、遡及的に機能し、動的にレンダリングされる画像では機能しません。最初に正しい画像をロードできるように、何らかの方法で CSS で定義する方がよいと考えました。または、CSS で間違ったツリーを完全に吠えていますか?