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

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

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

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

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