Отображать сайт в правильном соотношении на сетчатке
В настоящее время я делаю адаптивный дизайн с использованием запроса CSS @media, который отлично работает на "старых" телефонах с соотношением пикселей 1:1.
Но дисплеи с высоким разрешением (сетчатка) используют для отображения веб-сайта отношения, отличные от 1: 1, поэтому веб-сайт выглядит маленьким.
Как установить соотношение пикселей, которое оно должно использовать?
Я пытался гуглить, но я нашел только способы, как установить дополнительный стиль для этих дисплеев.
1 ответ
Решение
Метатег viewport может использоваться для исправления ширины области просмотра браузера в соответствии с шириной устройства. Это преодолевает общую проблему, когда веб-сайты выглядят очень маленькими на экранах высокого разрешения, таких как сетчатые дисплеи Apple.
<meta name="viewport" content="width=device-width">