Как настроить корректное отображение сайта на мобильных устройствах?

Question

[Rumiour]

Есть один сайт sakhalin-love.rumiour.lclients.ru/. На body задана min-width: 480px
В мобильной версии он отражается с горизонтальным скроллом.

Конечно на мобильнике можно уменьшить экран(пальцами), чтобы скролл пропал, но интересует, есть ли возможность сделать так, чтобы на моб. устройствах при открытии отображался без скролла(то есть сайт уменьшался).
Я понимаю можно подогнать под min-width: 320px. Но это долго.

Answer 1

[sergski]

Замените min-width: 480px на width: 100vw; и будем вам счастье

Comments

[Rumiour]

На body? Тогда все слетает. Мне нужно чтобы масштабируемость уменьшилась. Чтобы initial-scale стал как initial-scale=0.6.

[sergski]

Rumiour: просмотрел через device toolbars хрома, все ровно и без прокрутки

Answer 2

[Rumiour]

Проблема решилась при добавлении

if (screen.width > 480) {
			document.write('<meta name="viewport" content="width=device-width, initial-scale=0.6">');
		}