таргетинг на iphone4 с адаптивным дизайном (медиа-запросы css )как будто более низкое разрешение

На этот вопрос, должно быть, уже был дан ответ, но я не могу найти соответствующий вопрос.

Я разработал адаптивный сайт с медиа-запросами css, которые полностью корректно отображаются на 320-градусной ширине.

Я хочу, чтобы iPhone4 (640 x 960 )в портретном режиме (640 в ширину )придерживался медиа-запросов, как если бы вместо этого отображалась -ширина = 320 пикселей. Обоснование :Несмотря на то, что у iphone больше пикселей, я хочу отображать для этих пользователей упрощенную раскладку, аналогичную пользователям телефонов с низкой плотностью -.

Любой способ сделать это, указав, например, метатег -для этих телефонов с высокой плотностью пикселей -?

Конечно, я мог бы определить отдельные медиа-запросы -для iphone 4 и т.п. с помощью min-device-pixel-ratio: 2, но это приводит к отдельным медиа-запросам css (один для низкой и один для высокой плотности пикселей ), которые по сути имеют одинаковые логика, которая мне кажется не очень СУХОЙ(http://en.wikipedia.org/wiki/Don%27t_repeat_yourself)

Странно то, что :новый Ipad 3 с плотностью пикселей 2 ДЕЙСТВИТЕЛЬНО правильно отображает то, что я хочу, т.е. :он имитирует (по крайней мере, что касается медиа-запросов css )устройство с вдвое меньшим разрешением.

10
задан Geert-Jan 5 July 2012 в 18:22
поделиться