Aš linkęs tai naudoti:
Nors matau, kad tai rekomenduojama daug:
Tai reiškia, kad naršyklė (tikriausiai) pateiks puslapio plotį savo ekrano pločiu. Taigi, jei tas ekranas yra 320 taškų pločio, naršyklės langas bus 320 taškų pločio, o ne atstumtas ir rodantis 960 taškų (ar bet ką tas įrenginys daro pagal numatytuosius nustatymus, vietoj reaguojančios metažymės).
Pastaba: nenaudokite interaktyvios metažymės, jei jūsų svetainė nėra specialiai sukurta taip, kad būtų jautri ir gerai veiktų tokio dydžio, nes tai pablogins patirtį.
Šioje žymoje yra daugiau atributų:
| Nuosavybė | apibūdinimas |
|---|---|
| plotis | Įrenginio virtualiosios peržiūros srities plotis. |
| prietaiso plotis | Fizinis prietaiso ekrano plotis. |
| ūgio | Įrenginio „virtualios peržiūros srities“ aukštis. |
| prietaiso aukštis | Fizinis prietaiso ekrano aukštis. |
| pradinis mastelis | Pradinis mastelis lankantis puslapyje. 1.0 nepriartina. |
| minimalaus masto | Minimali suma, kurią lankytojas gali priartinti puslapyje. 1.0 nepriartina. |
| maksimali skalė | Didžiausia suma, kurią lankytojas gali priartinti puslapyje. 1.0 nepriartina. |
| vartotojo mastelio | Leidžia įrenginiui priartinti ir nutolinti vaizdą. Vertybės yra taip arba ne. |
Paprastai rekomenduojama neužkirsti kelio masteliams, nes tai erzina ir gali būti pritaikymo neįgaliesiems problema.
Tikriausiai to norėsite ir savo CSS:
@-ms-viewport( width: device-width; )Verta žinoti: pakeitus šios metažymės vertę naudojant „JavaScript“, puslapis reaguos į naują vertę. Arba išimkite visą žymą ir pakeiskite, arba pakeiskite contentypatybę. Nėra labai dažnas poreikis, bet jis gali iškilti.