mira esto
cuando esta vertical es azul
cuando esta horizontal es rojo
y en la computadora es amarillo
Código CSS:
Ver original#prueba1 {width: 100%; height: 250px; background-color: yellow;}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 550px) {
#prueba1 {width: 100%; height: 250px; background-color: red;}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#prueba1 {width: 100%; height: 250px; background-color: blue;}
}
en el link de abajo podes ver el resultado desde tu movil (vertical y horizontal) tambien en la computadora
www.computacioncomercial.com/forosdelweb/prueba.php
lee esto!!!
http://www.eresseasolutions.com/arti...para-todo-uso/ http://ksesocss.blogspot.com/2012/04...ries-para.html