媒体查询未在所需的最小宽度处应用答案

【问题标题】：Media query is not applied at the required min-width媒体查询未在所需的最小宽度处应用
【发布时间】：2014-10-02 04:22:40
【问题描述】：

我在媒体查询上做了一个非常简单的例子，但令我惊讶的是它的效果并没有应用于确切的min-width，而是应用于 (offset + 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;
}
}

所以当我的电脑上的窗口大小达到 500px 时应该更改 body 的背景颜色，但我发现在 Google Chrome 上达到 875px 时它会更改？

当它达到我在代码中写的 500 像素时，如何强制它改变？

【问题讨论】：

您可以添加如果想在 css 中放置 @media screen 和 (min-width: 500px )
CSS Media Query min-width not working correctly的可能重复

标签： css

【解决方案1】：

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

【讨论】：