How to set up the correct display of the site on mobile devices?

Question

css

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

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

Answer 1

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

Answer 2

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

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