Подтвердить что ты не робот

Как масштабировать веб-сайт для мобильных устройств?

У меня очень простая статическая веб-страница (только css и ссылки, без скриптов). Он хорошо выглядит на Android и iphone, но слишком мал. Я предполагаю, что они уменьшили его, поскольку он работает на большинстве сайтов. Как я могу переопределить это и заставить его посмотреть размер, который я хочу?

4b9b3361

Ответ 1

Android автоматически настраивается на размер вашего сайта, попробуйте использовать ширину: 100% или меньше, чем около 310 пикселей (полоса прокрутки занимает пробел) для обычного режима просмотра.

Для IPhone попробуйте использовать этот код, чтобы заставить правильный размер

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

Также, чтобы заставить размер шрифта попытаться использовать этот код в вашем css:

-webkit-text-size-adjust: none;

Ответ 2

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

Список должен быть разделен запятой.