Priartinti - CSS-gudrybės

Turinys

zoomCSS nuosavybė leidžia masto turinį. Tai nestandartinė ir iš pradžių buvo įdiegta tik „Internet Explorer“. Nors kelios kitos naršyklės dabar palaiko mastelį, jis nerekomenduojamas gamybos svetainėse.

.zoom ( zoom: 150%; )

„Palaikomos: reikšmės yra:

  • percentage - Mastelis pagal šį procentą
  • number- konvertuoti į procentą ir mastą - 1 = = 100%; 1,5 = = 150%;
  • normal - priartinimas: 1;

Jei jūsų naršyklė ją palaiko, matysite šiuos vaizdus kaip skirtingo dydžio:

Patikrinkite šį rašiklį!

Mastelis yra senas IE dalykas. Tai nereikėtų naudoti tiesioginėse svetainėse. Jei norite keisti turinį, naudokite CSS transformacijas. Taip pat galite naudoti filtrus, jei jums reikia seno palaikymo.

Dar IE6 dienomis priartinimas pirmiausia buvo naudojamas kaip nulaužimas. Daugelį „IE6“ ir „IE7“ pateikimo klaidų galima ištaisyti naudojant mastelį. Pavyzdžiui, display: inline-blockIE6 / 7 neveikė labai gerai. Nustatymas zoom: 1išsprendė problemą. Klaida buvo susijusi su tuo, kaip IE pateikė savo išdėstymą. Nustatymas zoom: 1įjungė vidinę ypatybę, vadinamą hasLayout, kuri pašalino problemą.

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
Bet koks 4.0+ Nė vienas Nė vienas 5,5 ir daugiau TBD TBD

"Safari" taip pat palaiko zoom, nes versija 4. Tačiau jis pridūrė naują reikšmę: reset. Tai nurodo naršyklei nepriartinti jūsų elemento. Taigi jūsų cmd / ctrl +? Tai neveikia elementams, kuriems zoom: resettaikoma.

Įdomios straipsniai...