Ma kipun seda kasutama:
Kuigi näen, et seda soovitatakse palju:
See tähendab, et brauser renderdab (tõenäoliselt) lehe laiuse oma ekraani laiusega. Nii et kui selle ekraani laius on 320 pikslit, on brauseriaken laius 320 pikslit, selle asemel, et suumida ja kuvada 960 pikslit (või mida see seade vaikimisi teeb, reageeriva metasildi asemel).
Märkus. Ärge kasutage reageerivat metasildi, kui teie veebisait pole spetsiaalselt loodud reageerivaks ja töötab selles suuruses hästi, kuna see muudab kogemuse halvemaks.
See märgend toetab rohkem atribuute:
| Kinnisvara | Kirjeldus |
|---|---|
| laius | Seadme virtuaalse vaateava laius. |
| seadme laius | Seadme ekraani füüsiline laius. |
| kõrgus | Seadme virtuaalse vaateava kõrgus. |
| seadme kõrgus | Seadme ekraani füüsiline kõrgus. |
| algskaala | Esialgne suum lehe külastamisel. 1.0 ei suumita. |
| miinimumskaala | Minimaalne summa, mida külastaja saab lehel suumida. 1.0 ei suumita. |
| maksimaalne skaala | Maksimaalne summa, mida külastaja saab lehel suumida. 1.0 ei suumita. |
| kasutaja skaleeritav | Võimaldab seadmel suumida ja vähendada. Väärtused on jah või ei. |
Üldiselt on soovitatav mitte takistada skaleerimist, kuna see on tüütu ja võib-olla juurdepääsetavuse probleem.
Tõenäoliselt soovite seda ka oma CSS-is:
@-ms-viewport( width: device-width; )Hea teada: selle metasildi väärtuse muutmine JavaScripti abil töötab, reageerib leht uuele väärtusele. Kas kogu silt välja ja asendage või muutke contentatribuut. Pole eriti levinud vajadus, kuid see võib välja tulla.