媒体查询不在上媒体查询所需要的最小宽度

问题描述：

我已经取得了非常简单的例子应用，但是我感到意外的是其效果没有在精确的min-width应用，但是它是在施加（偏移+ min-width）媒体查询不在上媒体查询所需要的最小宽度

HTML文档只是一句

<!DOCTYPE html> 
<html lang=""> 
<head> 
    <meta charset="UTF-8"> 
    <title>Test media query</title> 
    <link rel="stylesheet" href="./test.css"> 
</head> 

<body> 
</body> 
</html>

CSS文件：

body{ 
background-color: grey; 
} 

@media (min-width: 500px){ 
body{ 
    background-color: red; 
} 
}

所以身体的背景颜色将被一次窗口大小在我的电脑REAC改变hed 500px，但我发现一旦它在Google Chrome上达到875像素，它就会被更改？

我刚刚在我的代码中写道，我如何强制它改变一次达到500px？

可以添加变焦和在CSS中，如果想把@media屏幕和（最小宽度：500px） – DimoMohit 2014-09-30 05:39:27

可能重复的[CSS媒体查询最小宽度不能正常工作]（http://stackoverflow.com/questions/16681054/css-media-query-最小宽度 - 不工作-正确地） – 2014-09-30 09:01:06

答

我发现的问题是，我在我的网页:)

媒体查询不在上媒体查询所需要的最小宽度

相关推荐