Question

我在媒体查询上做了一个非常简单的例子，但我很惊讶它的效果不适用于确切的min-width但是应用于（偏移+ min-width）

HTML doc只是空的

<!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，就应该更改正文的背景颜色但是我发现它在Google Chrome上达到875px后会被更改？

如果我刚刚在我的代码中写到，它如何在达到500px后强制更改？

Answer 1

我发现问题是我正在放大我的网页：）

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

1 个答案: