
<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 也不好用了,防止效果呈現(xiàn)的不完整。
max-width:小于等于
min-width:大于等于
@media only screen and (min-width: 287px) and (max-width: 500px){
}
body{
min-width:}
設(shè)置最小寬度,防止變形