媒体查询

最新推荐文章于 2024-10-07 16:28:23 发布

qq_33221699

最新推荐文章于 2024-10-07 16:28:23 发布

阅读量132

点赞数

分类专栏： html+css学习心得

本文链接：https://blog.youkuaiyun.com/qq_33221699/article/details/84791876

版权

html+css学习心得专栏收录该内容

15 篇文章

订阅专栏

方式一：集中在一张表里


@media all and (max-width:1024px) {
    1024到768px
}
@media all and (max-width:760px) {
   414px-786之间
}

@media all and (max-width:414px) {
    0-414px之间的
}

方式二：每个样式一张表，引入方式

<link rel="stylesheet" media="all and (max-width:1024px)"href="../css/1.css">
<link rel="stylesheet" media="all and (max-width:768px)"href="../css/2.css">
<link rel="stylesheet" media="all and (max-width:414px)"href="../css/3.css">