Suum - CSS-trikid

Anonim

zoomVara CSS võimaldab teil skaala sisu. See on mittestandardne ja rakendati algselt ainult Internet Exploreris. Ehkki mitmed teised brauserid toetavad nüüd suumimist, ei soovitata seda tootmissaitide jaoks.

.zoom ( zoom: 150%; )

„Toetatud: väärtused on:

  • percentage - Skaala selle protsendi järgi
  • number- teisendada protsent ja skaala - 1 = = 100%; 1,5 = = 150%;
  • normal - suum: 1;

Kui teie brauser seda toetab, näete neid pilte erineva suurusega:

Vaadake seda pliiatsit!

Suum on vana IE asi. See pole midagi, mida peaksite veebisaitidel kasutama. Kui soovite sisu laiendada, kasutage CSS-i teisendusi. Filtreid saate kasutada ka siis, kui vajate vanaIE tuge.

IE6 päevil kasutati suumi peamiselt häkkimisel. Paljud nii IE6 kui ka IE7 renderdamisvead sai suumiga parandada. Näiteks display: inline-blockei töötanud IE6 / 7-s eriti hästi. Seadistamine zoom: 1lahendas probleemi. Viga oli seotud sellega, kuidas IE selle paigutuse renderdas. Seadistamine zoom: 1lülitas sisse sisemise atribuudi hasLayout, mis probleemi lahendas.

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Ükskõik 4.0+ Puudub Puudub 5,5+ TBD TBD

Safari toetab ka zoomalates versioonist 4. Siiski lisatakse uus väärtus: reset. See käsib brauseril mitte suumida teie elementi. Nii et teie cmd / ctrl +? zoom: resetRakendatud elementidega see ei tööta .