cómo establecer el nivel de zoom utilizando css

He estado desarrollando mi aplicación web con un cierto nivel de zoom en Firefox que configuré inicialmente (usando ctrl + rueda). Ahora cuando se prueba en una PC diferente en Firefox, el 100% predeterminado parece ser demasiado grande. ¿Puedo establecer el valor predeterminado usando css?cómo establecer el nivel de zoom utilizando css

Fuente

2010-07-21 prat

Lo que DA dijo, el zoom es una configuración controlada por el usuario, pero puede ajustar el tamaño del zoom, y si los usuarios no usan Ctr + - para cambiar el tamaño, pero cambie el tamaño estableciendo un tamaño de fuente predeterminado, puede anular esta configuración predeterminada estableciendo un tamaño de fuente en píxeles (a diferencia de ems,%, etc.) ... Sin embargo, esto generalmente se considera una mala práctica, ya que puede hacer que las letras/tamaño sean ilegibles y inmutable para algunas personas, que no conocen Ctr + - y dependen de un tamaño de fuente predeterminado.

Puede ajustar el tamaño relativo a los valores predeterminados del usuario y la configuración del zoom estableciendo el tamaño de fuente en ems o%. Esto cambiará el tamaño de las cosas en relación con el tamaño del conjunto del usuario.

Esto le permite hacer que cada página vea a otra persona cómo le parece a usted .... ya que la percepción de cada persona de "pequeña", "mediana" y "grande" es diferente.

Fuente

2010-07-21 19:35:56

El zoom de página es una característica del navegador, no una configuración de CSS (bueno, excepto por esa propiedad de IE, que es realmente más útil para corregir errores de IE que nada) por lo que es una variable controlada por el usuario tener control sobre.

Fuente

2010-07-21 19:30:34

<html>  
 
     <body> 
 
      <div id="sampleDiv" style="width: 100px; background-color: Gray;"> 
 
       Zoom Me 
 
      </div> 
 
      <button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button> 
 
      <button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button> 
 
      <button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button> 
 
     </body> 
 
    </html>

Fuente

2011-12-30 14:10:32 zach

Es posible ajustar el zoom usando la propiedad CSS zoom. Es un viejo elemento de IE que también es compatible con Chrome y Safari.

.zoom 
{ 
    zoom: 120%; 
}

Sin embargo, esto probablemente no se debe utilizar en los sitios en vivo ...

Fuente

2014-11-11 13:54:42

Esto todavía lo hace xd –

cómo establecer el nivel de zoom utilizando css

Respuesta

Cuestiones relacionadas