Sugerencia para responsive Design

[madman_18]

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:

@media screen and (max-width:600px) and (max-height:1024px) /*kindle*/
@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!

[hackjose]

Algo asi

Código CSS:

@media screen and (max-width:600px) and (max-height:1024px) /*kindle*/
@media screen and (min-width:601px) and (max-width:768px) and (max-height:1024px) /*ipad*/
 

Saludos

[alzacon]

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.