如何解决为什么媒体查询不适用
我阅读了该网站上的所有@media主题,似乎代码应该可以工作
body
{
background-color: yellow;
}
@media screen and (min-width: 1080px;) and (max-width: 2000px;)
{
body
{
background-color: green;
}
}
@media screen and (max-width: 1079px;)
{
body
{
background-color: red;
}
}
我有视口标签,但是背景始终是黄色的。这是什么问题?
解决方法
在这里取出;
body
{
background-color: yellow;
}
@media screen and (min-width: 1080px) and (max-width: 2000px)
{
body
{
background-color: green;
}
}
@media screen and (max-width: 1079px)
{
body
{
background-color: red;
}
}
,
您应该尝试一些错误
body {background-color:yellow; } @media屏幕和(最小宽度:1070px){body {background-color:red; }} @media屏幕和(最小宽度:1080像素){正文{背景颜色:绿色; }
,我认为您应该检查html文档头部是否有<meta>
标签,
没有标签,您的媒体查询将不会生效
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。