У меня очень простая статическая веб-страница (только css и ссылки, без скриптов). Он хорошо выглядит на Android и iphone, но слишком мал. Я предполагаю, что они уменьшили его, поскольку он работает на большинстве сайтов. Как я могу переопределить это и заставить его выглядеть так, как я хочу?Как масштабировать сайт для мобильных устройств?
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;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
следует список разделяться запятой.
Что бы вы ни делали, убедитесь, что вы тестируете новые версии Android. У меня была простая простая компоновка с одним столбцом, которая выглядела нормально в Android 1.5 и Android 1.6. Тем не менее, Android 2, похоже, подавляет весь текст в маленькую ленту на стороне. Необычно, что мне придется переключиться на многоколоночный макет для поддержки телефона, где проще быть лучше. –