问媒体查询未应用于所需的最小宽度
EN

Stack Overflow用户

提问于 2014-09-30 13:26:59

回答 1查看 52关注 0票数 0

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

所以一旦我电脑上的窗口大小达到500px，身体的背景颜色就应该改变，但我发现在Google Chrome上，当它达到875px时，它就改变了？

当我在我的代码中写到500px的时候，我怎么能强迫它改变呢？

css

回答 1

Stack Overflow用户

发布于 2014-10-02 04:22:41

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26113353

复制

相似问题

问媒体查询未应用于所需的最小宽度
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问媒体查询未应用于所需的最小宽度EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问媒体查询未应用于所需的最小宽度
EN