У меня проблемы с настройкой очень простого настольного сайта, работающего на мобильных устройствах. Рабочий стол здесь . Мобильный телефон здесь . У меня нет проблем с тем, чтобы пользователи нажимали ссылку в виде кнопки во второй строке настольной версии, чтобы перейти на мобильную версию начальной страницы. Я не хочу использовать JavaScript на настольном сайте.
На странице для мобильных устройств, используя таблицу стилей с p font-size: 4vw делает начальное отображение правильным, по крайней мере, на моем телефоне. Проблема возникает, когда пользователь пытается ввести текст в поле ввода. Окно редактирования имеет неправильный размер, и при закрытии первоначальное масштабирование теряется.
Есть ли CSS решение для этого? Я могу использовать JavaScript, если придется, но снова, я бы не стал.
Редактировать: Ответ Роба Молла добился цели. Я обновляю веб-сайт, поэтому приведенные выше ссылки будут указывать на рабочий код.