A zoompropriedade em CSS permite dimensionar seu conteúdo. Não é padrão e foi implementado originalmente apenas no Internet Explorer. Embora vários outros navegadores agora suportem zoom, não é recomendado para sites de produção.
.zoom ( zoom: 150%; )Os valores “suportados: são:
percentage- Escala por esta porcentagemnumber- Converter para porcentagem e escala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Se o seu navegador for compatível, você verá essas imagens em tamanhos diferentes:
Zoom é uma coisa antiga do IE. Não é algo que você deva usar em sites ativos. Se você quiser dimensionar o conteúdo, use CSS Transforms. Você também pode usar filtros se precisar de suporte oldIE.
Na época do IE6, o zoom era usado principalmente como um hack. Muitos dos bugs de renderização no IE6 e no IE7 podem ser corrigidos usando o zoom. Por exemplo, display: inline-blocknão funcionou muito bem no IE6 / 7. A configuração zoom: 1corrigiu o problema. O bug tinha a ver com a forma como o IE renderizou seu layout. A configuração zoom: 1ativou uma propriedade interna chamada hasLayout, que corrigiu o problema.
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nenhum | 4.0+ | Nenhum | Nenhum | 5.5+ | TBD | TBD |
Safari também suporta zoomdesde a versão 4. No entanto, ele acrescentou um novo valor: reset. Isso diz ao navegador para não aplicar zoom em seu elemento. Então, seu cmd / ctrl +? Não funciona em elementos com zoom: resetaplicados.