JQuery Mobile - Размеры изображения с и без дисплея сетчатки

Question

В настоящее время разрабатывается приложение для iPhone с использованием мобильного телефона jQuery, все выглядит великолепно, однако при использовании дисплея сетчатки все изображения теряют свою четкость.

Каков наилучший способ достижения четкости изображений как на дисплее сетчатки, так и в обычном режимеотобразить?Я не могу найти ничего об этом в мобильной документации jQuery.

Answer 1

Retina имеет удвоенную глубину пикселей.Поэтому вам нужно создать новые изображения для него.Я предлагаю использовать две папки с изображениями: то есть images / и imagesX2 / (последний для сетчатки).

тогда вы можете просто использовать собственный CSS для высокого разрешения:

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

см. http://thomasmaier.me/blog/2010/06/23/css-for-iphone-4-retina-display/