zoomOmaisuus CSS voit skaalata sisältöä. Se ei ole standardi, ja se otettiin alun perin käyttöön vain Internet Explorerissa. Vaikka useat muut selaimet tukevat nyt zoomausta, sitä ei suositella tuotantosivustoille.
.zoom ( zoom: 150%; )"Tuetut: arvot ovat:
percentage- Skaalaa tällä prosenttiosuudellanumber- Muunna prosentteiksi ja mittakaavaksi - 1 == 100%; 1,5 = = 150%;normal- zoomaus: 1;
Jos selaimesi tukee sitä, näet nämä kuvat erikokoisina:
Zoom on vanha IE-asia. Sitä ei pitäisi käyttää suorissa sivustoissa. Jos haluat skaalata sisältöä, käytä CSS-muunnoksia. Voit käyttää suodattimia myös, jos tarvitset oldIE-tukea.
IE6: n päivinä zoomausta käytettiin ensisijaisesti hakkerointina. Monet sekä IE6: n että IE7: n renderointivirheistä voidaan korjata zoomauksella. Esimerkiksi, display: inline-blockei toiminut kovin hyvin IE6 / 7: ssä. Asetus zoom: 1korjasi ongelman. Virhe liittyi siihen, miten IE renderöi asettelunsa. Asetus zoom: 1otti käyttöön sisäisen ominaisuuden nimeltä hasLayout, joka korjasi ongelman.
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | 4.0+ | Ei mitään | Ei mitään | 5.5+ | TBD | TBD |
Safari tukee myös zoomsitten version 4. Se kuitenkin lisäsi uuden arvon: reset. Se kertoo selaimelle, ettei sitä zoomauta elementtiäsi. Joten cmd / ctrl +? Se ei toimi elementeissä, joihin on zoom: resetsovellettu.