CSS响应式屏幕宽度自动适应

.XulgrMax{
	font-size: 32px;
	font-weight: 600;
	margin: 20% 50px 0 50px;
	color: red;
}
@media screen and (max-width: 900px){
	.XulgrMax{
		font-size: 24px;
		font-weight: 500;
		margin: 40px 20px 0 20px;
		color: blue;
	}
}
@media screen and (max-width: 600px){
	.XulgrMax{
		font-size: 20px;
		font-weight: 500;
		margin: 30px 15px 0 15px;
		color: orange;
	}
}

@media screen and (max-width: 900px) 当屏幕小于或等于900像素时改变样式

@media screen and (max-width: 600px) 当屏幕小于或等于600像素时改变样式

上方样式需按从大到小排序，否则会错位；

设置两个之间（600px-900px）调用的是900px里的样式，总之就是按照顺序来调的；

需把公用（无论宽度多少，样式都不改变）的样式放在@media screen and最上方；

上方样式代码中，当屏幕大于900px时调用的就是最上方的公用样式。