Home / Questions / 15729
Accepted
Ricardo A
Asked: 2020-07-03 20:42:40 +0800 CST 2020-07-03 20:42:40 +0800 CST

Для чего нужен "<meta name='viewport>'"?

  • 772

Я много раз видел это в HTML, но я точно не знаю, для чего это нужно, помогите, пожалуйста.

html

3 Answers

  1. Best Answer

    Это тег HTML5, который используется для оптимизации мобильных сайтов. Этот тег помогает определить ширину, высоту и масштаб области, используемой браузером для отображения контента. Его основное использование заключается в следующем:

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

    В качестве дополнительной информации делюсь видео, где объясняется гораздо больше: https://www.youtube.com/watch?v=OP2GnAFeFTY

    • 6

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

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

    часть, в которой говорится:

    width=device-width

    определяет ширину веб-сайта, в данном случае ширина — это ширина устройства. Два других, которые говорят:

    initial-scale=1, maximum-scale=1

    они служат для определения масштаба веб-сайта, вы заметили, что вы можете масштабировать? Это то, что вы подразумеваете под масштабированием, определяя начальный и максимальный масштаб, равный тому, чтобы убедиться, что вы не можете увеличить масштаб, это полезно на мобильных веб-сайтах, поскольку увеличение на них обычно портит видимость сайта.

    • 4

  3. Если я правильно помню, он используется для управления композицией для мобильных телефонов, что помогает нам в презентации наших веб-проектов на мобильных телефонах.

    • 2