响应网站的电话

Question

我正在尝试为移动设备建立一个快速响应的网站。我刚刚尝试了下面的代码来看看它是否有效，但是当我在chrome中使我的网页变小时似乎没有制作代码。这应该是这样还是我错过了什么？或者我是否真的需要通过手机试用网页？

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

Answer 1

您需要一个空格，否则它是无效的代码。 it is obsolete now

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