Tind să folosesc acest lucru:
Deși văd acest lucru este foarte recomandat:
Aceasta înseamnă că browserul (probabil) va reda lățimea paginii la lățimea propriului ecran. Deci, dacă ecranul respectiv are o lățime de 320 px, fereastra browserului va avea o lățime de 320 px, în loc să fie micșorată și să afișeze 960 px (sau orice face acest dispozitiv în mod implicit, în locul unei metaetichete receptive).
Notă: nu utilizați o metaetichetă receptivă dacă site-ul dvs. web nu este conceput special pentru a fi receptiv și funcționează bine la acea dimensiune, deoarece va înrăutăți experiența.
Există mai multe atribute acceptate de această etichetă:
| Proprietate | Descriere |
|---|---|
| lăţime | Lățimea ferestrei virtuale a dispozitivului. |
| lățimea dispozitivului | Lățimea fizică a ecranului dispozitivului. |
| înălţime | Înălțimea „ferestrei virtuale” a dispozitivului. |
| înălțimea dispozitivului | Înălțimea fizică a ecranului dispozitivului. |
| scara initiala | Mărirea inițială atunci când vizitați pagina. 1.0 nu face zoom. |
| scară minimă | Suma minimă pe care vizitatorul o poate mări pe pagină. 1.0 nu face zoom. |
| la scară maximă | Suma maximă pe care vizitatorul o poate mări pe pagină. 1.0 nu face zoom. |
| scalabil de utilizator | Permite dispozitivului să mărească și să micșoreze. Valorile sunt da sau nu. |
În general, este recomandat să nu preveniți scalarea, deoarece este enervant și poate fi o problemă de accesibilitate.
Probabil că veți dori acest lucru și în CSS:
@-ms-viewport( width: device-width; )Bine de știut: schimbarea valorii acestei metaetichete cu JavaScript funcționează, pagina va reacționa la noua valoare. Fie scoateți întreaga etichetă și înlocuiți-o, fie modificați contentproprietatea. Nu este o nevoie foarte comună, dar poate apărea.