Mobil és alapok
Mobilnézet beállítása viewport címkével
A viewport címke mondja meg a telefonnak, hogy az oldal a kijelző szélességéhez igazodjon, ne az asztali lapot zsugorítsa.
Mit néz a mérés
A kezdőoldalt telefonos böngészőt azonosító kéréssel is letöltjük, és a viewport meta címkét keressük. Ha nincs ilyen címke, a tétel javítható. Az oldal kinézetét szemrevételezve nem bíráljuk.
Javítás
- A sablon head részébe tedd be a viewport meta címkét, width=device-width értékkel.
- A címke legyen benne a szerver által küldött HTML-ben. Ha csak egy későbbi program szúrja be, a mérés nem biztos, hogy látja.
- Telefonon nyisd meg az oldalt: a szöveg a kijelző szélességében kezdődjön. Mérd újra.
<meta name="viewport" content="width=device-width, initial-scale=1">