html - @media only屏幕和(最大宽度:479px)不适用于移动设备

我的移动版本(最大宽度:479像素)未显示背景颜色的＃111。而是将＃000用作背景色。请帮我。

@media only screen and (max-width: 1024px) {
 body{
   background-color:#ff0000;
  }
}

@media only screen and (max-width: 767px)
{
 body{
   background-color:#000;
  }
}

@media only screen and (max-width: 479px)
{
 body{
   background-color:#111;
  }
}

最佳答案

确保在文档的开头

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如果您忽略此选项，那么许多设备将缩放页面以适合视口。

祝好运

关于html - @media only屏幕和(最大宽度:479px)不适用于移动设备，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15765962/