Hola, he visto algunas formas de controlar el tamaño del texto con JavaScript, pero siempre encuentro que la mejor manera de acercar y alejar es cuando uso ctrl - cmd & +/- en diseños receptivos.
Me gusta bastante cómo se ve el diseño de mi dispositivo móvil/tableta en un navegador ampliado. ¿Hay alguna manera de usar los botones de JavaScript para controlar realmente la funcionalidad de zoom del navegador web? Entonces, ¿el clic de un botón más tendría el mismo efecto que ctrl - cmd & +? En lugar de imitar la funcionalidad, quiero que realmente controle la funcionalidad de zoom de los navegadores.
He jugado con este css y podría usar Javascript para aumentar y disminuir el nivel:
body { -moz-transform: scale(2); zoom: 2; zoom: 200%; }pero si bien esto hace zoom, también proporciona barras de desplazamiento horizontales y, por lo tanto, nunca muestra los diseños de tabletas o dispositivos móviles que he creado.
¿Hay alguna manera de hacerlo en Javascript? Necesito que sea de navegador cruzado, esté disponible para el público y no involucre ninguna herramienta de desarrollo.
Gracias
¿Qué pasa con el diseño receptivo en las herramientas de desarrollo de Chrome? https://developer.chrome.com/docs/devtools/device-mode/
Luego cámbielo a dispositivo móvil o tableta y luego puede acercar usando:
document.body.style.zoom = "100%";