Povečava - CSS-triki

Anonim

zoomHotel 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 odstotek
  • number- 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-blockIE6 / 7 ni deloval zelo dobro. Nastavitev je zoom: 1odpravila težavo. Napaka je bila povezana s tem, kako je IE upodobil svojo postavitev. Nastavitev je zoom: 1vklopila 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 zoomod 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: resetaplikacijo.