媒体查询无效

Question

我试图让纯HTML页面响应。因此，我创建了＆＃34; responsive.css＆＃34;在CSS文件夹中，并声明该样式表上的ID。

然后我将这两个包括在头部：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/responsive.css">

然后我加载index.html，但是当我使用＆＃34; Inspect Element＆＃34;检查元素标签时，没有响应元素样式。

我做错了什么？

以下是responsive.css的示例：

/* iPads (landscape) ----------- */

@media screen and (max-device-width: 1024px) {
  #u2225 {
    z-index: 228;
    width: 115px!important;
    height: 3px;
    left: 40px!important;
    top: -3px;
    margin-bottom: -3px;
  }
}