Minulla on tapana käyttää tätä:
Vaikka mielestäni tätä suositellaan paljon:
Tämä tarkoittaa, että selain renderöi (todennäköisesti) sivun leveyden oman näytönsa leveydelle. Joten jos tämä ruutu on 320 kuvapistettä leveä, selainikkuna on 320 kuvapisteen leveä sen sijaan, että se olisi loitonnettu ja jossa näytetään 960 kuvapistettä (tai mitä tahansa laitetta oletusarvoisesti käytetään reagoivan metatagin sijaan).
Huomaa: älä käytä reagoivaa sisällönkuvauskenttää, jos verkkosivustoasi ei ole erityisesti suunniteltu reagoimaan ja toimimaan hyvin tuossa koossa, koska se pahentaa kokemusta.
Tunniste tukee muita määritteitä:
| Omaisuus | Kuvaus |
|---|---|
| leveys | Laitteen virtuaalisen näkymän leveys. |
| laitteen leveys | Laitteen näytön fyysinen leveys. |
| korkeus | Laitteen “virtuaalisen näkymän” korkeus. |
| laitteen korkeus | Laitteen näytön fyysinen korkeus. |
| alkuperäinen mittakaava | Alkuperäinen zoomaus, kun vierailet sivulla. 1.0 ei zoomaa. |
| vähimmäiskaala | Vähimmäismäärä, jonka kävijä voi zoomata sivulle. 1.0 ei zoomaa. |
| suurin mittakaava | Suurin summa, jonka kävijä voi zoomata sivulle. 1.0 ei zoomaa. |
| käyttäjän skaalautuva | Antaa laitteen lähentää ja loitontaa. Arvot ovat kyllä tai ei. |
Yleensä on suositeltavaa, ettet estä skaalausta, koska se on ärsyttävää ja mahdollisesti esteettömyysongelma.
Haluat todennäköisesti tämän myös CSS: ssäsi:
@-ms-viewport( width: device-width; )Hyvä tietää: Tämän sisällönkuvauskentän arvon muuttaminen JavaScriptillä toimii, sivu reagoi uuteen arvoon. Joko koko tunniste ja korvaa tai vaihda contentominaisuus. Ei kovin yleinen tarve, mutta se voi tulla esiin.