多列布局和响应式布局

多列布局

	column-count:;分列
	column-gap:;列间距
	column-rule:大小 形态 颜色;分割线 
	column-fill:;列的高度是否统一
		auto	列高度自适应内容
		balance	所有列的高度以其中最高的一列统一
	column-span:;是否横跨所有列
		none	不跨
		all		横跨所有
	column-width:;列宽

响应式布局

    绝大部分项目:
		PC端 ~~> 官网
		移动端 ~~> 移动端网页,app,小程序.....
			
	响应式布局:
		为了适应不同的设备,分辨率
		不同的设备(pc电脑端 平板电脑 手机端)
		
		x 宽度
		
		500px<= x <800px	 css 1
		800px<= x <1000px	 css 2
		1000px<= x <1500px	 css 3
			
	响应式的优势:
		1: 一套项目,能适应不同的设备,灵活
		2: 能够快捷解决多设备显示适应问题
		3: 从显示上来看: 用户体验会更好一点
		
	响应式的缺点:
		1: 繁琐,代码量大,会出现隐藏无用的元素,加载时间加长
		2: 开发成本偏高(不同的项目组)
			开发一套产品不能满足要求
			一套图也不能满足要求(移动端 pc端的)
			前端布局: 一套布局方案是不能满足
			数据: pc  移动端
		3: 兼容不同的设备,兼容性工作量加大,效率低下
		4: 这是一个折中的解决方案,多方面的因素影响达不到最佳的效果
		5: 会出现用户混淆
		
	注意：利用响应式的思想,做移动端项目的适配