Как сделать ширину тела равной ширине устройства автоматически в медиа-запросе CSS3?

Сейчас я делаю мобильный сайт и пытаюсь настроить таргетинг на различные устройства, используя медиа-запросы CSS3. Часть моего кода выглядит следующим образом:

@media screen and (max-width:320px) {
body {
    width: 320px;
}
/* some other style */  
}

Как вы можете видеть, я должен явно установить ширину тела, чтобы убедиться, что она не отображает ширину, установленную для рабочего стола в моем обычном css, который равен 920px. Мне интересно, есть ли способ, которым ширина тела может быть автоматически установлена ​​на ширину устройства, и мне не нужно устанавливать это вручную каждый раз, когда я создаю новый @media.

Кстати, я также добавляю следующий код внутри тега head:

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

Ответы

width: 100vw;