Viewport meta generatorius
Viewport meta žyma nurodo naršyklei, kaip pritaikyti puslapį mobiliajam ekranui. Be jos puslapis mobiliajame įrenginyje rodomas kaip suspaustas kompiuterio vaizdas, kurį reikia didinti rankomis.
Pasirinkite parametrus — įrankis sugeneruos žymą ir paaiškins, kada kuri reikšmė naudinga (ir kodėl user-scalable=no nerekomenduojama).
Viewport žyma
Kaip naudoti
- Pasirinkite plotį (dažniausiai device-width) ir pradinį mastelį.
- Prireikus pridėkite papildomus parametrus.
- Nukopijuokite žymą į <head> dalį.
Pavyzdys
Įvestis: Standartinis atvejis
Rezultatas: <meta name="viewport" content="width=device-width, initial-scale=1" />
Įrankio apribojimai
- Viewport žyma — tik pradinis žingsnis: tikras mobilusis pritaikymas priklauso nuo CSS ir maketo.
Susiję įrankiai
Open Graph žymų generatoriusSugeneruokite og: ir Twitter/X card meta žymas, kurias tiesiog nukopijuosite į puslapį.Meta robots žymos generatoriusSugeneruokite <meta name="robots"> žymą: index/noindex, follow/nofollow ir kitos direktyvos.HTML kalbos (lang) atributo žinynasTeisingi lang atributo kodai (lt, en, en-US…) ir skirtumas tarp lang bei hreflang.
Dažnai užduodami klausimai
Kodėl nerekomenduojama išjungti didinimo (user-scalable=no)?
Išjungus mastelio keitimą lankytojai negali padidinti teksto — tai prieštarauja prieinamumo reikalavimams (WCAG) ir kenkia silpniau matantiems naudotojams.