Foros del Web » Creando para Internet » CSS »

Sugerencia para responsive Design

Estas en el tema de Sugerencia para responsive Design en el foro de CSS en Foros del Web. Hola a todos! Estoy adaptando una web a los dispositivos móviles y me estoy guiando por la página http://www.responsinator.com y en el diseño que estoy ...
  #1 (permalink)  
Antiguo 14/05/2013, 01:57
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Sugerencia para responsive Design

Hola a todos!

Estoy adaptando una web a los dispositivos móviles y me estoy guiando por la página http://www.responsinator.com y en el diseño que estoy probando, me he dado cuenta que en las tablets iPad y Kindle, en esta última me coge hereda el estilo que he usado para iPad.

¿Cómo se pondría el media-queries para que sólo afectase a ese tamaño? Ahora tal como lo tengo:
Código CSS:
Ver original
  1. @media screen and (max-width:600px) and (max-height:1024px) /*kindle*/
  2. @media screen and (max-width:768px) and (max-height:1024px) /*ipad*/

Supongo que será en cambiar la condición del max-width y max-height no¿?

Un saludo!
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 14/05/2013, 15:09
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 7 meses
Puntos: 131
Respuesta: Sugerencia para responsive Design

Algo asi

Código CSS:
Ver original
  1. @media screen and (max-width:600px) and (max-height:1024px) /*kindle*/
  2. @media screen and (min-width:601px) and (max-width:768px) and (max-height:1024px) /*ipad*/

Saludos
  #3 (permalink)  
Antiguo 15/05/2013, 06:22
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años, 6 meses
Puntos: 31
Respuesta: Sugerencia para responsive Design

No puedes esperar otra cosa, ya que estas sobreescribiendo los estilos que tengas en ambas media-queries, por estar 600 en el intervalo 0 - 768.

Etiquetas: design, estilo, responsive, sugerencia, tamaño
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 08:54.