Hur man gör en responsive webbdesign - grunderna (4 / 5 steg)
Steg 4: Vyport meta-tagg
Så här har vi en lyhörd hemsida!
När jag visa den här webbplatsen på en mobil enhet emellertid, det visar webbplatsen i full upplösning och jag behöva zooma in och ut och gå.
Här är där vyport metataggen kommer in...
Visningsområdet meta-taggen var Apples lösning på problemet och antogs snabbt av andra plattformar. Men var aldrig pud framåt av W3C.
< meta namn = "vyport"... >
Därför kommer vi definiera en liknande vyport regel i våra css.
... }
Och en annan som en fix för internet explorer.
... }
Bredd justerar platsen till enheten i normalläge och landskap.
Och zoom eller inledande 1 står för ingen zoomning.
Det finns en hel massa vyport egenskaper för varje enskild enhet.
Men för att göra det enkelt, vi använder endast några för att passa alla.
Jag lämnar er en länk som referens.
https://Developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag