响应式布局（@media媒体查询）

当你需要实现屏幕分辨率不同时，显示样式不同可以用到@media媒体查询
例如：当屏幕宽度大于等于1024时由原本的一个样式变为显示2个或多个相同的样式
当显示多个时，屏幕width设置为width：（100/n）%，除不尽时取两位小数。

@media screen and (min-width: 768px) {
	.divname>div {
	/* 两列时 */
		width: 50%; 
	}
}

@media screen and (min-width: 1024px) {
	.divname>div {
	/* 三列时 */
		width: 33.33%;
	}
}

除了width有变化之外的变化都可以写在.divname>div{}中