Склонен съм да използвам това:
Въпреки че виждам, че това се препоръчва много:
Това означава, че браузърът (вероятно) ще изобрази ширината на страницата по ширината на собствения си екран. Така че, ако този екран е широк 320 пиксела, прозорецът на браузъра ще бъде широк 320 пиксела, вместо да се намалява и показва 960 пиксела (или каквото и да е това устройство по подразбиране, вместо реагиращ мета маркер).
Забележка: не използвайте отзивчив мета маркер, ако уебсайтът ви не е специално проектиран да реагира и работи добре в този размер, тъй като това ще влоши практическата работа.
Има още атрибути, които този маркер поддържа:
| Имот | Описание |
|---|---|
| ширина | Ширината на виртуалния прозорец за преглед на устройството. |
| ширина на устройството | Физическата ширина на екрана на устройството. |
| височина | Височината на „виртуалния изглед“ на устройството. |
| височина на устройството | Физическата височина на екрана на устройството. |
| начална скала | Първоначалното увеличение при посещение на страницата. 1.0 не увеличава. |
| минимален мащаб | Минималната сума, която посетителят може да увеличи на страницата. 1.0 не увеличава. |
| максимален мащаб | Максималната сума, която посетителят може да увеличи на страницата. 1.0 не увеличава. |
| мащабируемо от потребителя | Позволява на устройството да увеличава и намалява мащаба. Стойностите са да или не. |
Обикновено се препоръчва да не предотвратявате мащабирането, тъй като това е досадно и потенциално проблем с достъпността.
Вероятно ще искате това и във вашия CSS:
@-ms-viewport( width: device-width; )Добре е да знаете: промяната на стойността на този мета маркер с JavaScript работи, страницата ще реагира на новата стойност. Или извадете целия маркер и заменете, или променете contentсвойството. Не е особено често срещана нужда, но може да се появи.