媒体查询无法在Chrome上运行

Question

我正在开展一个项目，希望能够做出回应。当我提交所有媒体查询时，它没有在Chrome中注册。它不起作用。我已经检查了控制台的错误并找到了2.一个是将元（视口）更改为逗号而不是分号。另一个也在meta（viewport）width =“device-width”中，当我将分号突然变为逗号时，错误消失了。但是，媒体查询无法在Chrome中运行。即使我调整浏览器大小，布局也不会根据其大小而改变。但在Firefox中它运作顺利。谁能告诉我这是怎么发生的？这些是我的代码的片段，以防出现问题。

的index.html：

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
    <link href="css/media-queries.css" rel="stylesheet" type="text/css">

媒体-Queries.css：

    @media screen and (max-width: 320px) {
    html {
    -webkit-text-size-adjust: none;
    }
    h1 {
    font-size: 2em;
    }
    h2 {
    font-size: 1.5em;
    text-align: center;
    }
    ...