Tālummaiņa - CSS-triki

Anonim

zoomĪpašums CSS ļauj mērogot savu saturu. Tas ir nestandarta un sākotnēji tika ieviests tikai pārlūkprogrammā Internet Explorer. Lai gan vairākas citas pārlūkprogrammas tagad atbalsta tālummaiņu, tā nav ieteicama ražošanas vietnēm.

.zoom ( zoom: 150%; )

Atbalstītās vērtības ir:

  • percentage - Mērogs pēc šī procentuālā daudzuma
  • number- konvertēt procentos un mērogā - 1 == 100%; 1,5 = = 150%;
  • normal - tālummaiņa: 1;

Ja jūsu pārlūkprogramma to atbalsta, šie attēli būs redzami dažādos izmēros:

Pārbaudiet šo pildspalvu!

Tālummaiņa ir veca IE lieta. Tas nav kaut kas, ko jums vajadzētu izmantot tiešraidē esošās vietnēs. Ja vēlaties mērogot saturu, izmantojiet CSS pārveidojumus. Varat arī izmantot filtrus, ja jums nepieciešams oldIE atbalsts.

Vēl IE6 laikos tālummaiņa galvenokārt tika izmantota kā uzlaušana. Daudzas no renderēšanas kļūdām gan IE6, gan IE7 varēja novērst, izmantojot tālummaiņu. Piemēram, display: inline-blocknedarbojās ļoti labi IE6 / 7. Iestatīšana zoom: 1novērsa problēmu. Kļūda bija saistīta ar to, kā IE renderēja izkārtojumu. Iestatīšana zoom: 1ieslēdza iekšējo rekvizītu hasLayout, kas novērsa problēmu.

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jebkurš 4.0+ Nav Nav 5.5+ TBD TBD

Safari atbalsta arī zoomkopš versijas 4. Tomēr pievienoja jaunu vērtību: reset. Tas liek pārlūkprogrammai netuvināt tālummaiņas elementu. Tātad jūsu cmd / ctrl +? Tas nedarbojas ar elementiem ar zoom: resetlietotu.