电话响应式网站

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;
    }
}