Об этом, должно быть, ответили раньше, но я не могу найти связанный с ним вопрос.
Я разработал отзывчивый сайт, с запросами на мультимедийные запросы css, чтобы правильно отображать на 320 широкоформатном.
Хочу, чтобы я хотел iPhone4 (640 x 960), когда в портретном режиме (640 в ширину), чтобы соответствовать медиа-запросам, как если бы он отображал ширину = 320 пикселей вместо этого. Обоснование: несмотря на то, что у iphone больше пикселей, я хочу отобразить упрощенную раскладку для этого пользователя, аналогичную пользователям телефонов с не высокой плотностью.
Любой способ сделать это, указав, например, некоторый метатег для этих телефонов с высокой пиковой плотностью?
Конечно, я мог бы определить отдельные медиа-запросы для iphone 4 и т.д. с помощью min-device-pixel-ratio: 2
, но это приводит к отдельным запросам на css-media (один для низкого и один для высокой плотности пикселей), которые по существу имеют ту же логику, которые мне кажется не очень сухим (http://en.wikipedia.org/wiki/Don%27t_repeat_yourself)
Странно: новый Ipad 3, с плотностью пикселей 2, правильно отображают то, что я хочу, т.е. он имитирует (по крайней мере, как запросы в css-медиа) устройство с половиной разрешения.