Обично користим ово:
Иако видим да се ово много препоручује:
То значи да ће прегледач (вероватно) приказати ширину странице на ширини свог екрана. Дакле, ако је тај екран широк 320 пиксела, прозор прегледача биће широк 320 пиксела, уместо да буде умањен и приказује 960 пиксела (или шта год тај уређај подразумевано ради, уместо одговарајуће метаознаке).
Напомена: немојте користити прилагодљиву метаознаку ако ваша веб локација није посебно дизајнирана да реагује и добро функционише у тој величини, јер ће то погоршати искуство.
Ова ознака подржава још атрибута:
| Својство | Опис |
|---|---|
| ширина | Ширина виртуелног оквира за приказ уређаја. |
| ширина уређаја | Физичка ширина екрана уређаја. |
| висина | Висина „виртуелног видног поља“ уређаја. |
| уређај-висина | Физичка висина екрана уређаја. |
| почетна скала | Почетни зум приликом посете страници. 1.0 не зумира. |
| минимална скала | Минимални износ који посетилац може зумирати на страници. 1.0 не зумира. |
| максимална скала | Максимални износ који посетилац може зумирати на страници. 1.0 не зумира. |
| скалабилно за корисника | Омогућава уређају да увећава и умањује приказ. Вредности су да или не. |
Генерално се препоручује да не спречавате скалирање, јер је то досадно и потенцијално представља проблем са приступачношћу.
Вероватно ћете ово желети и у свом ЦСС-у:
@-ms-viewport( width: device-width; )Добро је знати: промена вредности ове метаознаке помоћу ЈаваСцрипт-а функционише, страница ће реаговати на нову вредност. Или избаците целу ознаку и замените или промените contentсвојство. Није супер уобичајена потреба, али може се појавити.