Wat is Viewport Meta Tag Generator?
Viewport Meta Tag Generator is een browsertool voor deze taak: Genereer een complete set viewport meta tags plus theme-color en Apple touch icon links. De uitvoer blijft leesbaar, zodat je die kunt controleren voordat je hem publiceert.
Quick answer
Use the viewport meta tag to control how your page scales on mobile devices. The standard value width=device-width with initial-scale=1 works for nearly every responsive site and ensures readable text without requiring zoom gestures.
Limitations
- theme-color only affects the browser chrome on supported mobile browsers. Desktop browsers and some browser configurations ignore it entirely.
- Apple touch icon tags require an actual PNG image file at the specified path. A missing or incorrect path produces a broken icon silently on iOS.
- The viewport tag controls initial scale but does not make a non-responsive layout usable on mobile. It must be paired with a responsive design using CSS media queries.
Zo gebruik je deze tool
- Open de tool en vul de relevante waarden in.
- Controleer de uitvoer in het resultaatpaneel.
- Kopieer alleen het deel dat bij je página past.
- Test de wijziging voordat je publiceert.
Waarvoor je het kunt gebruiken
- Terugkerend publicatiewerk sneller afronden.
- Markup, CSS of checklists voorbereiden voor een launch.
- Kleine fouten vermijden die bij statische sites makkelijk worden gemist.