响应式布局核心-媒体查询

css3媒体查询是核心

媒体查询选择器

媒体类型：

all:所有

print：打印

screen：彩色屏幕

projection:手持设备

tv：电视

braille：盲文触觉设备

embossed：盲文打印机

speec：听觉类似媒体设施

tty：不适用像素的设备

媒体属性：需要满足的条件

width：  min/max

height：min/max

device-width:max/min设备独立像素、分辨率

-webkit-device-pixel-ratio：pc：1/移动端具体看参数

orientation：portrait竖屏/landscape横屏

操作符，关键字（only，and，（，），not）