电话的响应式网站

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