@media查询的使用

最新推荐文章于 2024-05-17 14:38:22 发布

gyuei

最新推荐文章于 2024-05-17 14:38:22 发布

阅读量473

点赞数

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/gyueh/article/details/103597161

版权

HTML+CSS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

写法如下：

/* 定义大于等于1200px，即：>=1200px范围内 */
@media (min-width: 1200px){
	body {
        background-color:lightblue;
    }
}
/* 定义某一区间:等于992 小于1200  即：992~1200px范围内 */
@media (min-width: 992px)and (max-width:1200px){
	
}
/* 定义某一区间: 等于768 小于992 即：768~992px范围内 */
@media (min-width: 768px)and (max-width:992px){

}
/* 定义小于等于768px，即：0~768px范围内 */
@media (max-width:768px){
	
}