Мобільний веб-сайт html елемента занадто широкий - css, мобільний, ширина

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

Проблема в тому, що є дивна ширинамій html елемент у моєму мобільному браузері. Я спробував налаштувати тіло та html на ширину: 480px; і вміст 480px, але навіть тоді є багато пробілів поруч із вмістом (приблизно 300px). Ефект цього також полягає в тому, що веб-сайт не змінюється на вміст, а на вміст + пробіл, і ви повинні спочатку збільшити масштаб, щоб правильно використовувати веб-сайт.

Звичайно, я хочу використовувати ширину: 100%; тому він добре відображається на різних розмірах екрану.

Хто-небудь знає, що відбувається або як це виправити?

Редагувати HTML-код - це просто перехідний формат xhtml, нічого особливого. У css у мене є:

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

Але якщо б я не встановлював ширину для тих, які він повиненпрацювати правильно? Я також не встановлюю ширину для будь-яких інших елементів (крім як кнопки 100px і подібні речі), і якщо я переглядаю мобільну версію на моєму комп'ютері, ніякі елементи не здаються ширшими, ніж тіло.

Відповіді:

Ви додали viewport мета-тег?

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