HTML-элемент мобильного веб-сайта слишком велик

Я разрабатываю мобильную версию своего веб-сайта, которая должна быть похожа на мобильное приложение.

Проблема в том, что у моего элемента html странная ширина в моем мобильном браузере. Я попытался установить body и html на ширину: 480 пикселей; и содержание составляет 480 пикселей, но даже тогда рядом с содержимым много пробелов (примерно 300 пикселей). Эффект от этого также заключается в том, что веб-сайт увеличивается не до содержимого, а до содержимого + пробелов, и вам сначала нужно увеличить масштаб, чтобы правильно использовать веб-сайт.

Конечно, я хочу использовать width: 100%; поэтому он хорошо отображается на экранах разных размеров.

Кто-нибудь знает, что происходит или как это исправить?

Изменить

Конечно, я хочу использовать ширину: 100%; поэтому он хорошо отображается на экранах разных размеров.

Кто-нибудь знает, что происходит или как это исправить?

Изменить

Конечно, я хочу использовать ширину: 100%; поэтому он хорошо отображается на экранах разных размеров.

Кто-нибудь знает, что происходит или как это исправить?

Изменить Код html - это просто переход к xhtml, ничего особенного. В css у меня есть:

body, html {
width:480px !important;}

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