Hola, buenos dias; e intentado continuamente durante semanas enlazar hoja de estilo para moviles y de verdad que no se que no hago bien o que pasa porque no consigo modificar mi web para moviles en lo que se refiere a estilos...Ya no se que hacer.
Os dejo una muestra a ver si veis que puedo hacer mal o si debo de implementar alguna otra funcion, etc. Muchas gracias...
html:
Código HTML:
Ver original
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href="movil.css" rel="stylesheet" type="text/css" media="handheld, only screen and (min-device-width: 320px)and(max-device-width: 960px)" /> <link rel="stylesheet" type="text/css" href="style/in_inicio.css" media="screen" /> <link rel="stylesheet" type="text/css" href="style/estilos_nav.css" media="screen" /> <link rel="stylesheet" type="text/css" href="style/estilos.css" media="screen" />
movil.css:
Código CSS:
Ver originalhtml,body{
width: 100%;
height: 100%;
}
nav{
width: 400px;
}
p.texto{
color: red;
width: 50px;
}
div.botones{
display: none;
}
div#contenedor{
width: 800px;
height: 100%;
}