Vuelvo a poner este código y en mi móvil al intentar escribir en la caja de texto, me pierde la configuración del mediaqueries para esa resolcuión y pasa a la global..
Al entrar me sale el fondo en rojo y al darle al input me pasa a gris, es decir pierde el media para el dispositivo. Es una cosa muy rara. Tengo Android 4.3 en un S4.
No se si es el momento que salta el teclado para escribir pierde la resolución pero me tiene un poco loco el tema..
Espero que alguien pueda probarlo, y que me diga..
Código HTML:
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style type="text/css">
.prueba_movil{
position:absolute;
margin-top:20px;
width:80%;
height:300px;
background-color:#c3c3c3;}
@media screen and (orientation:portrait) and (max-width:533px){
.prueba_movil{
width:100%;
background-color:#D38B8C;}
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div class="prueba_movil">
<form>
<input type="text">
</form></div>
</body> Muchísimas gracias de antemano...
Saludos