iosでは、retina(網膜)画面表示下のウェブページの画像を処理します.


原文:
http://xuui.net/ui-design/retinal-display-to-optimize-the-image-the-on-the-the-page.html
iphoneとipadは二つのスクリーンがあります.一つは普通のスクリーンで、もう一つはretinaスクリーンです.つまり網膜スクリーンです.retinaスクリーンの解像度は普通のスクリーンの二倍で、ios原生で応用します.二つの写真を準備すれば、システムは自動的にどの画面に大きな図や小さな図を表示するかを認識できます.でもwebviewに含まれている写真があります.自動認識ができません.
そして多くの人がcss中@media queryを使えばいいと言っています.本人の検証を経て.効果がありません...不思議なのはiPadシミュレータの中でsafariでこれを開けて役に立ちます.プログラムの中でwebviewは効果がないです.原因は分かりませんが、どうやってこの問題を解決しますか?
二つの方法:一つは常に大きな図を使い、二つ目はベクトル図を使います.ベクトル図は多く言わなくてもいいです.どんなに解像度が高くても.効果は常に同じです.第一種類:大図を使うと.写真のサイズに注意してください.例えば.普通のスクリーンの下で、私は今1枚のピクチャーの大きさを表示したいです.では、retinaスクリーンで60*60の写真を使うべきです.適応できないからです.だから60×60の写真しか使えません.ただし、コードには.私たちの写真のサイズは小さい解像度で降りるべきです.

background-size:30px 30px;
このようにすれば、どんな画面でも保証できます.画像は終始はっきりした.