Я создаю мобильную версию своего сайта, которая должна быть похожа на мобильное приложение.
Проблема в том, что мой HTML-элемент имеет странную ширину в моем мобильном браузере. Я попытался установить body и html в ширину: 480px; и содержание составляет 480px, но даже тогда рядом с содержимым есть много свободного места (оценивается приблизительно в 300px). Результатом этого также является то, что веб-сайт масштабируется не по контенту, а по контенту + пробелам, и вам сначала нужно увеличить масштаб, чтобы правильно использовать сайт.
Конечно, я хочу использовать ширину: 100%; так что он хорошо рендерится на экранах разных размеров.
Кто-нибудь знает, что происходит или как это исправить?
Редактировать
HTML-код просто прямой переходный HTML-код, ничего особенного. В css у меня есть:
body, html {
width:480px !important;}
Но если бы я не установил ширину, она должна работать правильно? Я также не устанавливаю ширину для любых других элементов (кроме кнопок типа 100px и тому подобного), и если я просматриваю мобильную версию на моем компьютере, никакие элементы не кажутся более широкими, чем тело.