08_响应式布局

响应式布局核心 CSS3媒体查询选择器

@media 媒体类型  and(关键字) 带条件的媒体属性 and 带条件的媒体属性 {
	//规则(选择器+规则)
}

媒体类型
	all
	screen
	print
	
媒体属性
	width：浏览器的窗口尺寸
	device-width：设备尺寸
	device-pixel-ratio（必须加webkit前缀）：像素比
		---以上三个媒体属性可加 min 和 max 前缀
				min：最小值为谁
				max：最大值为谁
	
	横竖屏切换
		orientation：landscape（横屏）
		orientation：portrait （竖屏）
	
关键字
	only：处理浏览器尽量问题
	and：连接一条查询规则
	,：连接多条查询规则
	not：取反

多列布局