iPhone: заставить веб-страницу всегда отображаться с соотношением пикселей 1,0 (не 1,5)

Question

Об этом уже спрашивали здесь, но это никогда не решалось, поэтому я решил посмотреть, нашел ли кто-нибудь, как это сделать в прошлом году:

По умолчанию iPhone и Android будут автоматически увеличивать страницу, чтобы попытаться правильно разместить ее в кадре, если мета-тег окна просмотра отсутствует. Веб-сайты, предназначенные для настольных компьютеров, будут уменьшены, чтобы они помещались в маленьком окне просмотра, но очевидно, что пиксели на самом деле не представлены правдиво.

Итак, как мне отобразить полноразмерную веб-страницу в мобильном браузере, чтобы "300px" фактически отображалось с 300 реальными пикселями на экране мобильного устройства?

Я знаю о методе метапортпорта, но из того, что я смог сказать, соотношение пикселей, используемое в таких случаях, составляет 1,5 или 1,0, когда масштабирование установлено на 100%, а ширина установлена ​​на device_width, и Вы можете определить, в каком соотношении пикселей используется мобильное устройство. Кажется, я не могу найти какой-то способ явно заставить устройства использовать только отношение 1,0 пикселей, а не соотношение 1,5 пикселей.

Как сделать так, чтобы устройство использовало соотношение пикселей 1,0, чтобы 300 "пикселей", как это определено в CSS, фактически отображалось в 300 пикселях на экране мобильного устройства? Как отобразить веб-страницу в истинном истинном размере, а не с соотношением пикселей 1,5?

Вот пример того, что я НЕ хочу: в настоящее время, если вы используете метатег, чтобы установить свойства области просмотра мобильного браузера следующим образом:

<meta name="viewport" content="width=device_display, initial-scale=1.0" />

тогда это означает, что мобильный браузер будет отображать страницу почти так же, как она была спроектирована, за исключением того, что каждый "пиксель", определенный в CSS, на самом деле занимает 1,5 пикселя на экране устройства, таким образом, соотношение пикселей составляет 1,5. Это соглашение о соотношении 1,5 пикселя было установлено таким образом, чтобы дизайн не казался слишком маленьким на устройствах с высоким разрешением.

Я понимаю это, но я не хочу этого в моем случае.

Я хочу, чтобы принудительное соотношение пикселей составляло 1,0 ВСЕГДА, и я буду обрабатывать устройства с высоким разрешением по-своему. Как заставить соотношение 1,0 пикселя в мобильных браузерах?

** Если есть способ просто удвоить соотношение пикселей, которое бы сработало

Answer 1

Я смог решить эту проблему для своего сайта, используя следующий код:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">