@media-屏幕窗口变化时理解

一、@media 用于控制屏幕窗口变化时，对应不同样式

二、案例：初始背景是绿色，当宽口宽度小于800时，背景变为红色。

三、demo：使用@media screen and (max-width:800px)

 body{            background-color:green;        }        @media screen and (max-width: 800px){            body{                background-color:red;            }        }