媒体查询响应式布局

性野喜悲

已于 2023-04-17 21:18:45 修改

阅读量390

点赞数

分类专栏： html+css 文章标签：媒体 css 前端

于 2017-08-19 17:00:24 首次发布

本文链接：https://blog.csdn.net/leng0920/article/details/77413901

版权

html+css 专栏收录该内容

113 篇文章 1 订阅

订阅专栏

/***************移动端样式开始***************/
/***************移动端共用样式开始***************/
@media screen and (min-width:320px) and (max-width:1169px){

}
/***************移动端共用样式结束***************/
/***************768-1169样式开始(1169根据设计图内容宽度来定)***************/
@media screen and (min-width:768px) and (max-width:1169px){

}
/***************768-1169样式结束***************/

/***************414-767样式开始***************/
@media screen and (min-width:414px) and (max-width:767px){
    .ads {
        display:none;
    }
}
/***************414-767样式结束***************/
/***************375-413样式开始***************/
@media screen and (min-width:375px) and (max-width:413px){
    .ads {
        display:none;
    }
}
/***************375-413样式结束***************/
/***************360-374样式开始***************/
@media screen and (min-width:360px) and (max-width:374px){
    .ads {
        display:none;
    }
}
/***************360-374样式结束***************/
/***************320-359样式开始***************/
@media screen and (min-width:320px) and (max-width:359px){
    .ads {
        display:none;
    }
}
/***************320-359样式结束***************/
/***************移动端样式开始***************/