Используя CSS и два разных экземпляра изображений, я могу добиться результатов, которые хочу увидеть на двух разных мобильных устройствах. Для устройств, использующих ширину экрана 320, я реализую изображения как image1.png. Для новейших устройств, таких как iPhone4 (Retina Display), я реализую изображения как image1@2x.png. Для этого требуется таблица стилей normal.css, а также таблица стилей hirez.css, которая вызывается с помощью
<link href="theme/hirez.css" rel="stylesheet" type="text/css"
media="only screen and (-webkit-min-device-pixel-ratio: 1.5)" />
Однако, эти новые телефоны Amoled / Super Amoled очень плохо воспроизводят эти 2x изображения; все 2x изображения выглядят пиксельными.
Я пытаюсь выяснить, что я делаю неправильно ... У меня есть 2 набора изображений для каждого имени файла и вызываю правильный лист CSS ... любая помощь будет принята с благодарностью.