1) 在屏幕上,分辨率不小于640px
@media screen and (min-width:640px){
}
2) 根据屏幕尺寸决定css是否生效
<link rel="stylesheet" media="(max-width:800px)" href="example.css" />
3) 媒体查询多个,用逗号隔开,相当于逻辑运算或
@media (min-width:700px),handheld{
}
4) 采用not实现多个条件“非”的逻辑运算
@media not (min-width:700px),handheld{
}
5) 如果是15个字符宽度或者更小的手持设备应用样式
@media handheld and (max-width:15em){
}