Css 媒体查询不切换的响应式设计
下午好 我试图使我的网站响应,但我不能让它工作。我已经在谷歌上搜索了大约一到三个小时,我几乎可以肯定我没有做错,但它仍然不起作用 这是我的密码:Css 媒体查询不切换的响应式设计,css,media-queries,Css,Media Queries,下午好 我试图使我的网站响应,但我不能让它工作。我已经在谷歌上搜索了大约一到三个小时,我几乎可以肯定我没有做错,但它仍然不起作用 这是我的密码: @media screen and (min-width: 1230px) { } @media screen and (min-width: 750px) and (max-width: 1229px) { body{ display: none; } } 我能最好地描述这个问题的最好方法是,当我用全屏浏览器访问我的网
@media screen and (min-width: 1230px) {
}
@media screen and (min-width: 750px) and (max-width: 1229px) {
body{
display: none;
}
}
我能最好地描述这个问题的最好方法是,当我用全屏浏览器访问我的网站时,它会像我希望的那样正常加载,但当我缩小窗口时,它会加载css的其他部分,但不会加载任何css。我把display:none放在那里,这样页面就变成了白色,看它是否工作
我有
在我的html中
该站点的Url:它在我的linux上与iceweasel配合良好,请尝试使用其他浏览器,或按Ctrl+F5刷新
也许清理缓存也是一种解决方案,但您的代码运行良好,这不是css问题,或者它不应该在我的浏览器上工作。不确定是否允许a回答我自己的问题,但它现在可以工作了 而不是:
@media screen and (min-width: 1230px) {
}
@media screen and (min-width: 750px) and (max-width: 1229px) {
body{
display: none;
}
}
我把它改成:
@media screen and (min-width: 750px) and (max-width: 1229px) {
body{
display: none;
}
}
@media screen and (min-width: 1230px) {
}
现在它似乎工作得很好 你能把你的网站链接到我们这里来举个例子吗?@Supamiu是的,我会在帖子中添加url。你的代码运行得很好,我看不出有任何问题,我所有的浏览器Firfox chrome和safari都有相同的问题。你看到一个完全白色的屏幕吗?当我在低分辨率下看到一个完全白色的屏幕,我看到“Deze网站是niet beschikbaar op Deze Resolute。”如果我在非常低的分辨率下。是的,这就是它应该做的:)!我现在可以在css中切换顺序了