解释 媒体查询是能在不同的条件下使用不同的样式,使页面在不同的终端设备下达到不同的渲染效果。 具体做法 @media 媒体类型 and (媒体特性) {你的样式} 1.存在and,not,only,关键词 2.经常使用的是 @media screen and (min-width:1200px) @media screen and (min-width:992px) @media screen and (min-width:768px) @media screen and (min-width:480px) 在设置时,需要注意先后顺序,不然后面的会覆盖前面的样式。