Сейчас я делаю мобильный сайт и пытаюсь настроить таргетинг на различные устройства, используя медиа-запросы 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" />