☰

Google Chrome: haga zoom sin cambiar la ventana gráfica

tag-icon • tag-icon google-chrome google-chrome-extensions zoom
Google Chrome: haga zoom sin cambiar la ventana gráfica

Tal vez pasé por alto algo o no sé cómo formular mi pregunta lo suficientemente bien, pero no pude encontrar nada en línea sobre esto.

Me gustaría hacer zoom en Chrome, sin cambiar la ventana gráfica ni el sitio web en absoluto. Entonces, si hago zoom en un sitio web, puedo acercarme a un detalle sin que mi diseño responsivo lo mueva y lo escale al tamaño "correcto".

¿Existe una extensión de Chrome para esto o una forma de habilitar dicha función de zoom en Chrome?

Respuesta1

Si tiene un panel táctil de precisión (la mayoría de las computadoras portátiles nuevas los tienen) o una pantalla táctil, puede acercar los dedos para hacer zoom.

Respuesta2

Esta extensión es exactamente lo que estás buscando:Zoom de página personalizado

pero lamentablemente no tiene atajos.

PD: Tenga en cuenta que esta extensión solicita acceso a datos de todos los sitios web que visita por algún motivo.

Respuesta3

Para MacOS
Tomar página web. Presione Comando y el botón "+" para hacer zoom.

Para ventanas
Tomar página web. Mantenga presionado el botón Ctrl y desplace la rueda del mouse hacia arriba.

Editar

1) Vaya a Preferencias del Sistema->Accesibilidad
2) Seleccione Zoom y habilite "Usar atajos de teclado para hacer zoom"
3) Anote los atajos.
4) Por defecto ⌥- ⌘- =para acercar y ⌥- ⌘- -para alejar.

Respuesta4

Los agentes de usuario (Chrome, Firefox, Chrome para Android, etc.) tienen el comportamiento predeterminado de configurar el cuerpo al 100% de la ventana gráfica, para ser precisos, la ventana gráfica. Por lo tanto, cuando se cambia el tamaño de la ventana, la ventana gráfica (diseño y visual) cambia, lo que hace que siempreadaptarel contenido y causar otras consecuencias indeseables (no siempre) como cambiar el diseño en diseños responsivos.

Si está utilizando un enfoque móvil primero, establezca el cuerpo min-width(en su consulta de medios) en un valor absoluto y use min-device-widtho max-device-widthpara activar sus consultas de medios.

Esto desencadenaría consultas de medios, no cuando se cambia el tamaño de la ventana del navegador, sino solo cuando el contenido se representa en un dispositivo cuyo tamaño se menciona en su consulta de medios.

P.ej:

body {
width : 90%;
}

Y utilice consultas de medios como:

@media screen and (min-device-width: 960px) {

  body {
   width : 900px;
  }

// Other CSS Rules to apply when device width > 960px
}

Esto hará que su diseño responda en dispositivos móviles, pero no en computadoras de escritorio, incluso si se cambia el tamaño de la ventana del navegador o se hace zoom. En su lugar, coloca una barra de desplazamiento horizontal cuando se amplía o cambia el tamaño del contenido.

Al utilizar este enfoque, también puedes omitir el uso de la <meta name="viewport" content="width=device-width, initial-scale=1" >etiqueta (aunque no se recomienda).

¡Espero que esto ayude!

información relacionada