响应式百度1029
2017-10-29 本文已影响0人
爆米花0104
<meta name=”viewport” content=”width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no″>
媒体查询
@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:}
设置最小宽度，防止变形
