Question

我正在处理媒体查询，这些不是在chrome中工作但在firefox中工作。如何使它们在chrome中工作？这是我的css代码

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <style type="text/css">
    body {
      background-color: yellow;
    }
    
    @media screen and (max-width: 400px) {
      body {
        background-color: green;
      }
    }
    
    @media screen and (max-width: 900px) {
      body {
        background-color: red;
      }
    }
  </style>
</head>

<body>
</body>

</html>

＆＃13;

Answer 1

试试这个：

@media (max-width: 400px){
  // your css here
}

媒体查询无法在chrome（桌面）中工作，但在firefox

1 个答案: