【疯狂积累CSS】2：利用@media screen实现网页布局的自适应

如果文档宽度小于 300 像素则修改背景颜色(background-color):

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

@media screen目的是实现网页布局的自适应

大概的意思是，根据屏幕大小，精准适配