網膜表示のために画像のサイズを変更

Question

私は網膜表示のために画像をサイズ変更する方法を見つけようとしています。

私の計画は800x600のpx画像を使用し、通常の表示ではこれを400x300に単純にサンプリングしますが、網膜では800x600に保ちますが、ピクセル密度を倍にしてください。ピクセル密度。

CSSでこれを行う方法はありますか？

私が得ることができる最も近いが、このようなものは、網膜の比率を見つけることです：

@media only screen and (-webkit-min-device-pixel-ratio: 2) {} 

しかし、その後どのように画像を効果的に網膜上にそれを半分のサイズを作り、二度のピクセル密度で表示させるには？

Answer 1

多分あなたはimulusによってこのRetina.jsをいくつか使用します - 網膜のみのメディアクエリーを扱うのに役立つ幅広いツールがあるようです。

はここのリンクです：http://imulus.github.io/retinajs/

それでも、それはCSSに対処する方法はありません、あなたはここではJavaScriptに愛の少しを与える必要があるだろう。