媒体查询无效

Question

我有一个html文件，这行代码：

<link href="media-queries.css" rel="stylesheet" type="text/css">

以及：

的媒体查询文件

@media only screen and (min-width : 1224px) {

    * { margin: 0; padding: 0; }
    body { font: 14px Georgia, serif; }


    #header { background: #eee; padding: 10px;  position: fixed; width:100%; border: 1px solid #999;}
    #wrapper { border: 1px solid #999;  color: black; position:absolute; top: 100px; }
    #left-menu{ background: #eee; float:left;}

}

还有更多决议。 我的屏幕分辨率高于1224px，所以它应该占用css的这一部分，但它并没有。知道我做错了什么吗？

我刚刚在5分钟前阅读了媒体查询文章，所以也许我跳过了一些内容，但我无法弄清楚我做错了什么。