Zum - CSS-trikovi

Anonim

zoomNekretnina u CSS vam omogućuje da skalirati sadržaj. Nestandardan je i izvorno je implementiran samo u Internet Exploreru. Iako nekoliko drugih preglednika sada podržava zumiranje, ne preporučuje se za proizvodne web lokacije.

.zoom ( zoom: 150%; )

Vrijednosti „podržane:“ su:

  • percentage - Skaliraj za ovaj postotak
  • number- Pretvori u postotak i mjerilo - 1 == 100%; 1,5 == 150%;
  • normal - zum: 1;

Ako vaš preglednik to podržava, vidjet ćete ove slike u različitim veličinama:

Pogledajte ovu olovku!

Zoom je stara IE stvar. To nije nešto što biste trebali koristiti na web lokacijama uživo. Ako želite prilagoditi sadržaj, upotrijebite CSS transformacije. Također možete koristiti filtre ako vam je potrebna oldIE podrška.

U doba IE6, zum se koristio prvenstveno kao hack. Mnoge se pogreške u prikazivanju u IE6 i IE7 mogu popraviti pomoću zuma. Kao primjer, display: inline-blocknije dobro funkcionirao u IE6 / 7. Postavljanje je zoom: 1riješilo problem. Bug je imao veze s načinom na koji je IE prikazao svoj izgled. Postavka je zoom: 1uključila interno svojstvo pod nazivom hasLayout, koje je riješilo problem.

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
Bilo koji 4.0+ Nijedna Nijedna 5,5+ TBD TBD

Safari također podržava zoomjer verzija 4. Međutim, kako se dodaje novu vrijednost: reset. To govori pregledniku da ne zumira vaš element. Dakle, vaš cmd / ctrl +? Ne radi na elementima s zoom: resetprimijenjenim.