Foros del Web » Creando para Internet » CSS »

Escalar la pagina cuando se usa el zoom en el navegador

Estas en el tema de Escalar la pagina cuando se usa el zoom en el navegador en el foro de CSS en Foros del Web. Tengo ese ligero problema de que se ve bien cuando esta al 100% ya logre que se vea bien cuando disminuye el zoom hasta el ...
  #1 (permalink)  
Antiguo 04/05/2013, 15:48
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 11 años, 8 meses
Puntos: 52
Escalar la pagina cuando se usa el zoom en el navegador

Tengo ese ligero problema de que se ve bien cuando esta al 100% ya logre que se vea bien cuando disminuye el zoom hasta el 25% y menos,
pero no eh logrado que cuando se haga el zoom despues del 110% se vea bien, siempre se desproporciona.

Ojo no quiero que la web este siempre del mismo tamaño si no que tenga proporción, por que me he fijado en twitter y aqui en foros del web que por mas zoom que le pongas o le quites se ve proporcionada. cual es el truco?
alguna propiedad css que no he hayado que haga eso?

de antemano gracias....!
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra
  #2 (permalink)  
Antiguo 04/05/2013, 16:17
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Escalar la pagina cuando se usa el zoom en el navegador

La cosa es usar medidas relativas y no fijas para la estructuración de la página.
  #3 (permalink)  
Antiguo 04/05/2013, 16:29
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 11 años, 8 meses
Puntos: 52
Respuesta: Escalar la pagina cuando se usa el zoom en el navegador

Cita:
Iniciado por pzin Ver Mensaje
La cosa es usar medidas relativas y no fijas para la estructuración de la página.
uso medidas con porcentaje, esas son las relativas no?
pero aun asi se sale de marco mm o a que te refieres con relativas, lo estare haciendo mal
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra
  #4 (permalink)  
Antiguo 04/05/2013, 18:45
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Escalar la pagina cuando se usa el zoom en el navegador

¿proporcionada al 25% de zoom?
Puede ser, pero no se ve un carajo.



Un gran aporte el mio , pero sigo sin entender esa preocupación por el zoom.

El zoom no sería necesario si se prevee correctamente el tamaño de las fuentes, las cuales deben ser a criterio del usuario y no fijarlas nosotros con px.

Bue, para que no sea un completo desperdicio este post: http://librosweb.es/css/capitulo_3/u...de_medida.html

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 04/05/2013, 19:41
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 11 años, 8 meses
Puntos: 52
Respuesta: Escalar la pagina cuando se usa el zoom en el navegador

Cita:
Iniciado por C2am Ver Mensaje
¿proporcionada al 25% de zoom?
Puede ser, pero no se ve un carajo.



Un gran aporte el mio , pero sigo sin entender esa preocupación por el zoom.

El zoom no sería necesario si se prevee correctamente el tamaño de las fuentes, las cuales deben ser a criterio del usuario y no fijarlas nosotros con px.

Bue, para que no sea un completo desperdicio este post: http://librosweb.es/css/capitulo_3/u...de_medida.html

Saludos
gracias por el aporte, lo que pasa es que conmigo al acercar el zoom todo se sale de control y se va para abajo otros para un lado otros atraviezan otros divs y asi, pero al disminuirle si se ve bien como foros del web.
el caso es que el zoom se supone que es para ver de cerca no para que se desproporcione la pagina, por que eso ocurre con la mia cuando se pone zoom, y esto lo pienso en pcs con resoluciones mas pequeñas que puedan ver asi de mal mi pagina, o bien ya la vi en el celular y se ve fatal.
mi pantalla es de 1024 x 768
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra
  #6 (permalink)  
Antiguo 04/05/2013, 20:56
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Escalar la pagina cuando se usa el zoom en el navegador

La respuesta ya te la proporcionado pzin, por eso me tomé la licencia del comentario.

Es cierto, si está bien maquetado un sitio, mucho no se debería descuadrar.

Pero también es cierto que sí se va a descuadrar.

Si te fijas en la imagen que puse, la realidad es que la proporción del texto con los contenedores no es para nada "ideal", y se ve feo (con todo lo relativo de esta apreciación), además del hecho de que no se lee nada, lo cual me dice que nadie va a hacer un zoom al 25%, sino sólo para jugar. Y si es sólo para ver que pasa, pues, como diseñador no me fijaría en este detalle.

Ahora dices que el zoom es para ver de cerca, con lo cual el zoom 25% o menores a 50% ponele, no debería ser tenido en cuenta, ahora, si para ver tu web alguien debe aplicar zoom es porque no estás respetando la legibilidad (¿accesibilidad?) necesaria para que esto no sea así, es decir estás usando fuentes (letras) muy chiquitas.

Suponiendo que se trata de una persona con problemas de vista, la misma ya debe seguramente tener su navegador para que le muestre las letras grandes (muy grandes), lo que hace que nuestro diseño se vaya al tacho. Ahora, en este caso particular ¿que importa más?¿el diseño o el contenido?

En todos los demás casos, es cierto, nuestro diseño deberá ser algo flexible, pero no tanto que quede horrible (mi léxico de diseñador senior es ... ;) ).
Y para eso existen las media queries, que nos permiten prever ciertos rangos de ancho/alto y así acomodar lo que esté desacomodado. Sobre todo para que la página guarde cierta coherencia y no se mezclen cosas como por ejemplo la cabecera y que le siga el pie de página y por allá a un costado el contenido. Pero ojo, más que para un zoom, están para adaptar el diseño a distintos dispositivos (moviles, tablet, pc) o mejor dicho a diferentes resoluciones.

Saludos

__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: escalar, navegador, tamaño, zoom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:21.