响应式布局（媒体查询）

Document

数字>=1200变成黑色. 900<=数字 <=1200.变成黄色. 数字<=900就红色.

Document

解释：横屏黑色.竖屏(例如手机端)黄色.

Document
		

			
		

1.css body{background:black;} 2.css body{background:red;}

横屏黑色,竖屏红色.

Document
		

			
		

在小于600的情况下,红色。.点击弹出1 在600以上800以下的情况下,green。.点击弹出2 在800以上的话,是黄色.点击弹出3