袖白雪 发表于 2021-6-25 00:22:43

CSS3 @media 查询


如果文档宽度小于 300 像素则修改背景颜色(background-color):
@media screen and (max-width: 300px) {
    body {
      background-color:lightblue;
    }
}



使用 @media 查询来制作响应式设计:
@media only screen and (max-width: 500px) {
    .gridmenu {
      width:100%;
    }

    .gridmain {
      width:100%;
    }

    .gridright {
      width:100%;
    }
}
页: [1]
查看完整版本: CSS3 @media 查询