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

Question

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

Answer 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;

Answer 2

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

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