Obično koristim ovo:
Iako vidim da se ovo puno preporučuje:
To znači da će preglednik (vjerojatno) prikazati širinu stranice na širini vlastitog zaslona. Dakle, ako je taj zaslon širok 320 piksela, prozor preglednika bit će širok 320 piksela, umjesto da bude uvećan i prikazuje 960 piksela (ili što god taj uređaj radi prema zadanim postavkama, umjesto odgovarajuće metaoznake).
Napomena: nemojte koristiti responzivnu metaoznaku ako vaše web mjesto nije posebno dizajnirano da reagira i dobro funkcionira u toj veličini, jer će to pogoršati iskustvo.
Tu oznaku podržava još atributa:
| Vlasništvo | Opis |
|---|---|
| širina | Širina virtualnog okvira za prikaz uređaja. |
| širina uređaja | Fizička širina zaslona uređaja. |
| visina | Visina "virtualnog okvira za prikaz" uređaja. |
| uređaj-visina | Fizička visina zaslona uređaja. |
| početna skala | Početno zumiranje prilikom posjeta stranici. 1.0 ne zumira. |
| minimalna skala | Minimalni iznos koji posjetitelj može zumirati na stranici. 1.0 ne zumira. |
| maksimalna skala | Maksimalni iznos koji posjetitelj može zumirati na stranici. 1.0 ne zumira. |
| skalabilno za korisnika | Omogućuje uređaju zumiranje. Vrijednosti su da ili ne. |
Općenito se preporučuje da ne sprečavate skaliranje, jer to smeta i potencijalno predstavlja problem s pristupačnošću.
To ćete vjerojatno željeti i u svom CSS-u:
@-ms-viewport( width: device-width; )Dobro je znati: promjena vrijednosti ove metaoznake s JavaScriptom funkcionira, stranica će reagirati na novu vrijednost. Ili izbacite cijelu oznaku i zamijenite ili promijenite contentsvojstvo. Nije previše uobičajena potreba, ali može se pojaviti.