// 当浏览器窗口宽度大于1000px且小于1200px时的布局样式
@media screen (min-width: 1000px) and (max-width: 1200px) {
#content {
position: relative;
width: 20%;
简单的根据浏览器窗口宽度的响应式布局
最新推荐文章于 2020-12-25 03:38:42 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)
// 当浏览器窗口宽度大于1000px且小于1200px时的布局样式
@media screen (min-width: 1000px) and (max-width: 1200px) {
#content {
position: relative;
width: 20%;