Css eszközök adaptálása @viewport segítségével
Ha eszközünkön szeretnénk testreszabni a böngészőablakot, akkor általában HTML-címkét használunk . Azonban furcsa módon a metatag nem "normatív" - nem a hivatalos W3C szabvány.
Mivel a nézetablak metacímke kizárólag a jelölés testreszabására szolgál, azt mondhatjuk, hogy joggal kapcsolódik a CSS-hez. Ezért kívánja a W3C szabványosítani egy új alkalmazkodási módszert, amelyben az ablakkezelés átkerül a HTML-ről a CSS-re.
CSS @viewview szabály
Az új @viewport szabály mellett ugyanazt az ablak-vezérlést használjuk, mint a metacímkét, kivéve, hogy ez a vezérlés kizárólag CSS-en keresztül történik. A metataghoz hasonlóan ajánlott a böngészőablak szélességének beállítása eszköz-szélességű eszköz-független eszköz használatával:
Eddig a @viewportot a programozók használják az IE10-ben a "snap mode" -re - a Windows 8 funkciója, amely lehetővé teszi a több ablakos üzemmódban való munkát. Ironikus módon az IE10 figyelmen kívül hagyja a metataget, ha az ablak kisebb, mint 400 képpont méretű, ami lehetetlenné teszi a meta címkét használó webhelyek optimalizálását ilyen kis ablakokhoz. Ennek megjavításához a programozóknak a fent említett eszköz szélesség paramétert kell használniuk. vagy definiálja a @viewport szabályt egy médiakérdezésben.
A @viewport használata a Media Queries alkalmazásban
A @viewport a média lekérdezésekben használható. Például az alábbi médiakérdezéssel 400 képpontos szélességű (pl. Többablakos módú) IE10 méretű ablak elrendezését 320 képpontos szélességig állíthatja be.
Ebben a példában, ha a készülék 640 és 1024 képpont közötti felbontásúra van állítva, a @viewport szabály 640 képpontra méretezi az ablakot.
Új @viewport leírók
Annak ellenére, hogy tudjuk szabályozni a zoom és a zoom funkciót, egyes nézet tulajdonságok - vagy ahogyan ezeket "leíró" -nak nevezzük - mind megváltoztak.
A zoom leírása megegyezik a meta címke kezdeti skálájával. Csakúgy, mint a minimális skálán és a maximális skálán. a max-zoom és a min-zoom jellemzõi:
A felhasználó-zoom descriptor megegyezik a felhasználó által skálázható paraméterrel
Böngésző támogatás
A mai napig a css @viewport szabályt csak az Opera és az IE10 támogatja. Úgy tűnik, hogy hamarosan a Chrome és más böngészők végrehajtják, mert Várhatóan hamarosan ez a meta tag lesz az új hivatalos webes szabvány.
Mostantól hozzá kell adnia az @viewport szabályhoz tartozó szállítói előtagot:
Természetesen továbbra is fel kell vennünk a meta-tag nézetportot a html oldalon, mert a közeljövőben nem megy sehova. De nem annyira ijesztő, hogy megnézzük a jövőt - a @viewport szabály hozzáadásával csak webhelyek és jövőbarát alkalmazások tehetők.