Buenas tardes,
Estoy intentando crear un sitio first mobile pero tengo un problema al abrirlo en mi smartphone, me lo abre con la resolución de 960px en lugar de 480px; es decir, cuando abro el index desde mi smartphone, me muestra el fondo en amarillo en lugar de rojo como lo declaro en el css y no logro encontrar el error.
******** Este es el index.php:
Código HTML:
Ver original<!DOCTYPE html>
<link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/estilos.css">
****** Este es el estilo.css:
Código CSS:
Ver original@charset "UTF8";
body{
background: red;
}
@media screen and (min-width: 480px){
body{
background: blue;
}
}
@media screen and (min-width: 767px){
body{
background: green;
}
}
@media screen and (min-width: 960px){
body{
background: yellow;
}
}
@media screen and (min-width: 1280px){
body{
background: grey;
}
}