@charset "utf-8";
/*當顯示器最小1001px時box寬度為33.33%也就是一排三個*/
@media screen and(min-width:1001px){
	.box{width:33.33%}
}
/*當顯示器大於651小於1000時box為50%也就是一排可以有兩個*/
@media screen and (max-width: 1000px)and(min-width:651px) {
	.box{
		width: 50%;
	}
}
/*當顯示器小於650px時一排只有一個*/
@media screen and (max-width: 650px) {
	.box{
		width: 100%;
	}
}
 

相關推薦