CSS @media

2021-06-21 15:05

阅读：321

标签：span code log media css max and gray 黄色

例 1

.outside{
    width: 500px;
    height: 300px;
}


/*写一个色块，x>1000黄色，800*/
@media screen and (max-width: 500px){
    .outside{
        background: gray;
    }
}

@media screen and (min-width: 500px) and (max-width: 800px){
    .outside{
        background: red;
    }
}

@media screen and (min-width: 800px) and (max-width: 1000px){
    .outside{
        background: green;
    }
}

@media screen and (min-width: 1000px){
    .outside{
        background: yellow;
    }
}

可以把min-width和max-width理解为区间。

CSS @media

标签：span code log media css max and gray 黄色

原文地址：http://www.cnblogs.com/jiaoxuanwen/p/7181909.html

上一篇：如何使用sublime代码片段快速输入PHP头部版本声明

下一篇：Hibernate 的三种状态

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS @media
文章链接：http://soscw.com/essay/96957.html

亲，登录后才可以留言！

CSS @media

评论

热门文章

推荐文章

最新文章

置顶文章