CSS响应式

CSDN个人博客 https://blog.csdn.net/weixin_44538322/article/details/87881557
响应式布局可以兼容手机端和PC端，是应用很广泛的。
1. 在body标签里面添加三个div，分别是上中下：

2. 在style标签里面给三个div添加样式：

3. 在style标签里面给三个div添加样式（当屏幕最小为900px时）：

4. 在style标签里面给三个div添加样式（当屏幕最大为900px，最小为600px时）：

5. 在style标签里面给三个div添加样式（当屏幕最大为600px时）：

全部代码如下：

打开浏览器，拉伸窗口可查看效果。
如有错漏，感谢纠正！