15/02/2015, 11:48
|
| | | Fecha de Ingreso: diciembre-2005
Mensajes: 142
Antigüedad: 19 años, 2 meses Puntos: 0 | |
| Diseño responsive
Hola a todos he creado hojas de estilo para:
móviles verticales:
1) @media screen and (max-device-width : 480px) {
para móviles horizontales y tablets verticales:
2) @media screen (min-device-width : 480px) and (max-device-width : 768px) {
y luego un estilo para tablets y escritorio
pero cuando el móvil esta vertical utiliza la hoja de de estilo 1) pero cuando esta horizontal no utiliza la hoja de estilo 2 sino el estilo general para escritorio.
El móvil que estoy utilizando tiene una resolución de 360 x 640 así que yo entiendo que verticalmente debe utilizar la primera hoja de estilo hasta 480px y al ponerlo verticalmente debe utilizar la segunda hoja de estilo entre 480 y768 pero no es así y no se que es lo que esta mal.
Os ruego que me ayudéis o me orientéis muchas gracias |