@media 媒体查询

设备常用尺寸

/* phones ( <= 600px ) */
@media only screen and (max-width: 600px) {
    // 
}

/* portrait tablets and large phones ( >= 600px ) */
@media only screen and (min-width: 600px) {
    //
}

/* landscape tablets ( >= 768px ) */
@media only screen and (min-width: 768px) {
    //
} 

/* laptops/desktops ( >= 992px) */
@media only screen and (min-width: 992px) {
    //
} 

/* large laptops and desktops ( >= 1200px ) */
@media only screen and (min-width: 1200px) {
    //
}

媒体类型

all	print	screen	speech
适用于所有设备	用于打印机和打印预览	用于电脑屏幕，平板电脑，智能手机等	应用于屏幕阅读器等发声设备

逻辑操作符

and not only ,

媒体特性

名称	描述	参数
light-level	环境光亮度
orientation	视窗方向	portrait,landscape
width	视窗宽度
height	视窗高度