zoom
Hotel v CSS vam omogoča, da obsega vsebine. Je nestandarden in je bil prvotno implementiran samo v Internet Explorerju. Čeprav več drugih brskalnikov zdaj podpira povečavo, ni priporočljivo za proizvodne strani.
.zoom ( zoom: 150%; )
Vrednosti »podprte:« so:
percentage
- Prilagodi za ta odstoteknumber
- Pretvori v odstotek in lestvico - 1 == 100%; 1,5 == 150%;normal
- povečava: 1;
Če vaš brskalnik to podpira, bodo te slike prikazane v različnih velikostih:
Oglejte si to pisalo!
Povečava je stara stvar IE. To ni nekaj, kar bi morali uporabljati na spletnih mestih v živo. Če želite prilagoditi vsebino, uporabite CSS Transforms. Če potrebujete podporo oldIE, lahko uporabite tudi filtre.
V času IE6 je bil zoom uporabljen predvsem kot kramp. Številne napake upodabljanja v IE6 in IE7 bi lahko odpravili z uporabo povečave. Na primer, display: inline-block
IE6 / 7 ni deloval zelo dobro. Nastavitev je zoom: 1
odpravila težavo. Napaka je bila povezana s tem, kako je IE upodobil svojo postavitev. Nastavitev je zoom: 1
vklopila notranjo lastnost, imenovano hasLayout, ki je odpravila težavo.
Podpora za brskalnik
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Kaj | 4.0+ | Nobenega | Nobenega | 5,5+ | TBD | TBD |
Safari podpira tudi zoom
od različice 4. Vendar pa je dodal novo vrednost: reset
. To brskalniku sporoča, naj vašega elementa ne poveča. Torej vaš cmd / ctrl +? Ne deluje na elementih z zoom: reset
aplikacijo.