css3 响应式布局的坑

时间：2023年10月07日

来源：网络

编辑：佚名

在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。
之前的代码：
@media (max-width:570px) {
}
@media (max-width:992px) {
}
这里说明一下，在写css时，最好明确响应的范围，如果只填一个最大的值或者最小的值，可能会导致代码被覆盖
修改后的代码：
@media (max-width:570px) {
}
@media (max-width:992px) and (min-width:570px){
}
我很菜我很菜 ::(阴险)

新闻资讯更多

【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
【建站知识】Python中的logger和handler到底是个什么？04-03
【建站知识】python3拉勾网爬虫之（您操作太频繁，请稍后访问）04-03
【建站知识】xpath 获取meta里的keywords及description的方法04-03
【建站知识】python向上取整以50为界04-03
【建站知识】scrapy xpath遇见乱码解决04-03
【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
【建站知识】scrapy采集—爬取中文乱码，gb2312转为utf-804-03

猜你需要