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
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.
-
1Bueno 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
-
1Por 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
oem
.– gugadevel 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