3

Como bien dice el titulo de la pregunta, me pregunto si podría definir el zoom que quiero que tenga el navegador al cargar mi pagina web. Eso me ahorraría mucho trabajo porque sino tendría que adaptarla con bootstrap dependiendo del tamaño de la pantalla.

1 respuesta 1

2

Puedes agregar la propiedad zoom al body de tu página web.

Ejemplo:

body{
  zoom: 30;
}
<span>Hola<span>

También lo puedes realizar mediante porcentajes.

Ejemplo:

body{
  zoom: 170%;
}
<span>Hola<span>

Si en vez de usar CSS lo quisieras agregar mediante Javascript podrías usar:

document.body.style.zoom = "170%"; 

RECOMENDACIÓN: NO uses diferentes tipos de zoom para distintos tipos de pantallas. En su defecto, realiza tu página web responsive.

Que sea responsive no significa que el mismo contenido se vea en todo tipo de pantallas si no que, dependiendo de la pantalla, reordenes la distribución de los elementos en el layout. Incluso puedes ocultar los elementos que no sean relevantes para pantallas pequeñas (como por ejemplo imágenes de cabecera).

Hacer tu página responsive tendría que ser una prioridad antes de intentar realizar varios tipos de zoom dependiendo de cada pantalla, ya que puede ser muy molesto para el usuario final y que tu página no reciba la atención necesaria.

10
  • 1
    Bueno me hace el zoom correcto, lo malo esque me descoloca muchas cosas, pero gracias por la respuesta el 29 dic. 2016 a las 11:59
  • @PictorGames Me alegro de que te haya sido de ayuda. Sin embargo, ¿puedo preguntar el porque quieres que el usuario tenga zoom? Yo lo dejaría al que tenga el usuario por defecto en el navegador. el 29 dic. 2016 a las 12:00
  • 1
    Por lo general ésta regla css sirve, sin embargo no es un estándar y por ende, Firefox no la implementa. Inicialmente fue una regla implementada solo en IE. Respecto a que te descoloca, es porque muy seguramente estás usando unidades no relativas como píxeles. Para que escale correctamente debes usar unidades relativas como rem o em.
    – gugadev
    el 29 dic. 2016 a las 12:04
  • 1
    @guzgarcia Gracias por las aclaraciones. La verdad que no lo he probado en otros navegadores y, aunque sé que existe, no lo he usado nunca ya que pienso que es mejor dejar al usuario elegir el zoom que mejor le convenga. el 29 dic. 2016 a las 13:49
  • @Error404 Simplemente es porque dependiendo de las pantallas, un usuario puede verlo de formas diferentes... lo malo es que es contradictorio, porque los usuario que tengan la pantalla mas grande lo veran mas pequeño... tendre que currarme mas la estructura HTML y utilizar @media (max-width: 543px) HAAA!!!! se me ha ocurrido una idea!! puedo marcar una @media () con los px de las pantallas grandes y poner el zom predeterminado y otra con las pantallas medianas!!!! el 29 dic. 2016 a las 18:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.