## 媒体查询 ~~~css @media all and (max-width: 800px){ div{ 屏幕宽度小于800px这里的样式才生效 } } @media all and (min-width: 300px){ div{ 屏幕宽度大于300px这里的样式才生效 } } @media all and (min-width: 300px) and (max-width: 800px){ div{ 屏幕宽度大于300px且小于800px这里的样式才生效 } } ~~~ <br> ## 企业官网案例 PC端一行显示4个，移动端一行显示1个