Для чего meta name="viewport" ( я тестирирую сайт после того как прописала медиавиражения то вроде все ок)?

Question

[olya_097]

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

ну я тестирирую сайт после того как прописала медиавиражения то вроде все ок

или это с пк ок, а с телефонов и планшетов не будет работать?

Answer 1

[Евгений Вольф]

Для чего meta name="viewport"?

Для того, что бы мобильные не масштабировали сайт в "полноформатный" режим. Не могу сказать, "как оно там будет работать конкретно у Вас", но от этого мета-тега хуже не станет точно, если вёрстка адаптивная.

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

Comments

[olya_097]

так а если я прописываю медиавыражения, то разве и не дожно быть "полноформатого" режима*?

[Евгений Вольф]

olya_097, конкретно этот тег - говорит, что ширина контента будет равна ширине (разрешению) устройства и то, что по умолчанию масштаб будет выставлен в 1.0.

Я давно не занимался вёрсткой вплотную, но точно помню, что если этот тег не указывать, то как минимум масштаб "по умолчанию" иногда может удивить. А если не указать ширину - то, кажется, бывали проблемы с горизонтальным скроллом (на счёт последнего я не уверен, так как точно не помню). Но, в любом случае, как я уже говорил, хуже от этого мета-тега точно не станет.

[olya_097]

Евгений Вольф, спасибо

[Ankhena]

Евгений Вольф,

хуже от этого мета-тега точно не станет.

В неадаптивных шаблонах при записи device-width - станет хуже.