Stap 4: Viewport meta-tag
Zo hebben wij hier een responsieve website!!!
Als ik Bekijk deze website op een mobiel apparaat echter, blijkt de website in volledige resolutie en ik moet zoom-in en uit om te navigeren.
Hier is waar de Viewport Meta Tag komt in het spel...
De viewport metatag was Apples oplossing voor het probleem en is snel goedgekeurd door andere platformen. Maar was nooit pud vooruit door het W3C.
< metanaam = "viewport"... >
Daarom zullen we een soortgelijke regel van de viewport in onze css definiëren.
... }
En een ander als een oplossing voor internet explorer.
... }
De breedte wordt aangepast op de site naar het apparaat in de normale weergave en landschapsmening.
En zoom of eerste 1 staat voor geen zoomen.
Er zijn een hele hoop viewport eigenschappen te gebruiken voor elk één apparaat.
Maar om het gemakkelijk, we gebruiken alleen een paar iedereen past.
Laat ik u een link als referentie.
https://Developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
