Foros del Web » Creando para Internet » Diseño web »

Ajustar diseño a todas las resoluciones.

Estas en el tema de Ajustar diseño a todas las resoluciones. en el foro de Diseño web en Foros del Web. Hola foreros! Soy nuevo acá, espero no hacer mal con ésta pregunta, pero estuve buscando en el FAQ algo relacionado con éste tema y la ...
  #1 (permalink)  
Antiguo 16/04/2014, 11:23
Avatar de Wart  
Fecha de Ingreso: mayo-2013
Mensajes: 4
Antigüedad: 10 años, 11 meses
Puntos: 0
Ajustar diseño a todas las resoluciones.

Hola foreros!

Soy nuevo acá, espero no hacer mal con ésta pregunta, pero estuve buscando en el FAQ algo relacionado con éste tema y la verdad las respuestas eran un tanto antiguas (de hace 6 años atrás algunas). Así que mi pregunta es: ¿es posible ajustar mi diseño web a todas las resoluciones de pantalla?.

Les explico; en mi diseño web uso una imagen de fondo la cual es parte del diseño. Al principio tenía un problema que ,al minimizar el navegador, se achicaba todo. Eso lo arreglé usando valores en PX (CSS) en vez de % (en width y height). Pero ahora me presenta el problema de ajustar el diseño a todas las resoluciones. Para eso tenía entendido que debías usar porcentaje 100% en width, lo cual probé y funcionó, pero me presenta el primer problema que tenía; se achica todo si es que disminuyo la ventana del navegador al no usar PX.
Actualmente trabajo con Visual Studio - ASP.net.

¿Es posible hacer las dos cosas?

Saludos y gracias de ante mano.
  #2 (permalink)  
Antiguo 18/04/2014, 12:08
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: Ajustar diseño a todas las resoluciones.

En primer lugar debes de trabajar con un diseño líquido, cosa que se hace manteniendo las dimensiones de los elementos estructurales con porcentajes.

Normalmente haciéndolo así, ocurre el problema que mencionas, que en resoluciones reducidas se queda todo muy apretado. Para eso existen las media-queries de CSS, donde puedes ajustar tus estilos según el ancho del navegador o pantalla del dispositivo. Es lo que viene siendo un diseño web responsive —RWD por sus siglas en inglés.
  #3 (permalink)  
Antiguo 21/04/2014, 16:20
Avatar de CircuitoX  
Fecha de Ingreso: julio-2008
Mensajes: 756
Antigüedad: 15 años, 9 meses
Puntos: 21
Respuesta: Ajustar diseño a todas las resoluciones.

Esto te puede ayudar para entender la lógica de media-queries:

http://css-tricks.com/logic-in-media-queries/

Nota: Usa el traductor de bing o google.
__________________
Diseño Robotico en Arequipa / Desarrollo web / Sitios / Paginas / 99 css3

Etiquetas: css, diseño, todas
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 18:53.