Где я должен реализовать "viewport" (HTML, CSS или оба)?

Question

Я хотел бы знать, что является более распространенным или полезным.

Это типичный метатег viewport в HTML или CSS?

@viewport{
    zoom: 1.0;
    width: device-width;
}

или

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

Можно ли использовать только оба? И, пожалуйста, дайте мне код, который наиболее полезен для совместимости с мобильными устройствами, в том числе при использовании мобильного устройства через.

Заранее спасибо !!

Answer 1

Типичное место для установки метаданных окна просмотра - в HTML.

Обычная практика обращения к мобильным устройствам аналогична HTML, который вы включили выше, то есть:

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

или также как

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

См. Этот пост CSS-Tricks для получения дополнительной информации о настройке viewport метаданных .

Answer 2

Viewport используется для ОТВЕТСТВЕННЫХ ЦЕЛЕЙ, на мой взгляд, лучший способ использовать это в HTML, просто в особых случаях вам нужно будет использовать VIEWPORT в CSS ПРОСТО ОСОБЫЕ СЛУЧАИ .

Окно просмотра определяет поведение вашей веб-страницы на разных устройствах [ экраны ]

Для получения дополнительной информации, пожалуйста, прочитайте эту документацию по окну просмотра

Вы можете использовать этот VIEWPORT как стандартный и в некоторых случаях изменять.

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

Answer 3

У вас всегда должно быть это в html. Прочитайте это для получения дополнительной информации