媒体查询指定的分辨率从现实

不同的使用：媒体查询指定的分辨率从现实

@media(max-width:992px){ 
    h3{ 
     color:red; 
    } 
}

，但在浏览器中似乎变化并不在992px发生，但是当屏幕尺寸为887px或更少。我曾尝试一个接一个地禁用css文件，但问题似乎并没有消失。我找不出什么问题。

编辑：它必须是在HTML文件中的东西，因为当我尝试相同的代码为另一个HTML文件，它工作正常。另外，我注意到，boostrap的媒体查询也无法正常工作（例如，如果其中一个突破点是1200px，则浏览器中的变化发生在1120px左右）。不知道是什么原因造成的。我试过评论HTML的不同部分，但它总是一样的。

来源

2014-03-29 user3476165

您的浏览器窗口是放大？ – Turnip

尝试其他浏览器。如果问题不存在，那么它可能是芜菁所建议的缩放。尝试快捷键CTRL + 0（或在Mac上CMD + 0）。它会因浏览器客户端而异，但您至少可以从那里开始。 –

对于每个给出的例子看来，你可能会不关闭}支架也代码应该是像

@media screen and (max-width: 980px) {  
    h3{ 
     color:red; 
    }  
}

您可以检查链接，了解更多信息希望它能帮助！

来源

2014-03-29 16:35:26

对不起，这不是问题，那是我抄错了代码。 – user3476165

你有没有检查@media屏幕标签也在fire狐狸中，你可以尝试如果windows键盘快捷键Ctrl + shift + m到响应帧，你可以检查你的CSS。有可能会有其他风格覆盖你想要的风格。如果您提供jsfiddle链接或您的页面链接将有助于调试 –

由于Pravin vaichal，他的猜测必须是真实的，你眯起了“}”括号。

并且您还应该将媒体查询最小宽度写入最大宽度。

有关响应站点媒体查询的更多详细信息，请参阅this one。

来源

2014-03-29 17:16:59

媒体查询指定的分辨率从现实

回答

相关问题