Zoom - CSS-trükkök

Anonim

A zoomCSS tulajdonság lehetővé teszi a tartalom méretezését. Ez nem szabványos, és eredetileg csak az Internet Explorerben valósult meg. Bár számos más böngésző már támogatja a zoomolást, a gyártási helyeken nem ajánlott.

.zoom ( zoom: 150%; )

A „támogatott: értékek a következők:

  • percentage - Skálázás ezzel a százalékkal
  • number- Konvertálás százalékra és skálára - 1 == 100%; 1,5 = = 150%;
  • normal - nagyítás: 1;

Ha böngészője támogatja, akkor ezeket a képeket különböző méretben fogja látni:

Nézze meg ezt a tollat!

A zoom egy régi IE-dolog. Ezt nem érdemes az élő webhelyeken használni. Ha méretezni szeretné a tartalmat, használja a CSS átalakításokat. Szűrőket is használhat, ha a régiIE támogatásra van szüksége.

Az IE6 idejében a zoomot elsősorban hackként használták. Az IE6 és az IE7 renderelési hibáinak sokasága nagyítással kijavítható. Például display: inline-blocknem működött túl jól az IE6 / 7-ben. A beállítás zoom: 1megoldotta a problémát. A hibának köze volt ahhoz, hogy az IE hogyan renderelte elrendezését. A beállítás zoom: 1bekapcsolta a hasLayout nevű belső tulajdonságot, amely megoldotta a problémát.

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
Bármi 4.0+ Egyik sem Egyik sem 5.5+ TBD TBD

A Safari a zoom4. verzió óta is támogatja reset. Új értéket adott azonban hozzá:. Ez azt mondja a böngészőnek, hogy ne nagyítsa az elemet a zoomra. Tehát a cmd / ctrl +? Alkalmazott elemeken nem működik zoom: reset.