html - 手机响应式网站

Question

我正在尝试为移动设备制作响应式网站。我刚刚尝试了以下代码来查看它是否有效，但是当我在 chrome 中缩小我的网页时似乎没有生成代码。这应该是这样的还是我错过了什么？还是我真的需要打开手机试用网页？

@media screen and(max-width:480px){
    body{
        background-color: black;
    }
}

Answer 1

您需要一个空格，否则它是无效代码。 https://jsfiddle.net/7fo28qrd/

@media screen and (max-width:480px){//space between `and` and `(`
    body{
        background-color: black;
    }
}