Повертел в руках последний iPad, много думал. Вот открыл я страничку в Safari, на ней текст (очень красиво выглядит) и картинки. С картинками вопрос. Для того, чтобы они имели привычный размер (линейный, в сантиметрах), на retina-экране с высокой плотностью точек, пиксели надо удваивать. Так и происходит, судя по всему.
А если я хочу сделать страничку с картинками, которые не будут удваиваться? Грубо говоря, я их хочу удвоить заранее. Для фоновых изображений решение есть, оно достаточно простое. Нужно сделать отдельный CSS файл и подключить его с помощью такой конструкции:
<link rel=”stylesheet” media=”only screen and (-webkit-min-device-pixel-ratio: 2)”
type=”text/css” href=”css/highdpi.css” />
С фотографиями, вставляемыми непосредственно в текст с помощью тега IMG все грустнее, как я понял. Есть несколько способов, все требуют постоянных дополнительных усилий и 2 версий каждого изображения.
Геморрой и фрагментация, однако.