响应式百度1029

媒体查询

@media only screen and (max-width:287px) {

}

only screen一起的

如果老式浏览器不认识{max-width:287px},前面的only screen 也不好用了，防止效果呈现的不完整。

max-width:小于等于

min-width：大于等于

@media only screen and (min-width: 287px) and (max-width: 500px){

}

body{

min-width:}

设置最小宽度，防止变形