媒体查询--条件判断：
1:? and--并且的意思
<style media="screen and (min-width:768px) and (max-width:1000px)"></style>? ? ? ?
<style media="screen and (max-width:768px)"></style>
2:? 逻辑或，---或者的意思? ? (逗号是或者的意思）
<style media="screen and (orientation:landscape;) ,? (min-width:700px)"></style>
/*(orientation:landscape;)这个是在设备横屏时候适用的语句*/
3：not-------不适用的意思
@media not screen and(min-width:500px) and (max-width:700px) {
h1{
color:red;
}
}//这个的意思是在最小500px和最大700px之外的适用的意思。
4：适用only排除低端浏览器
@media? only screen and(min-width:500px) and (max-width:700px) {
h1{
color:red;
}
}//表示如果浏览器适用媒体查询那么应用代码，如果有些不适用那么直接把这些代码忽略掉。一般不常用。
