媒体查询在IE中有效，但在Google Chrome中不起作用

Question

我尝试根据屏幕大小应用某些CSS样式，但是，媒体查询在Google Chrome中不起作用，但在Internet Explorer上起作用，有什么办法解决此问题吗？ -我无法找到解决问题的合理方法，我在互联网上搜索了一些建议，但还算不错。

@media only screen and (min-width: 1200px) {
.container {
    max-width: 100% !important;
}
}

@media only screen and (min-width: 992px) {
.container {
    max-width: 100%;
}
}

@media only screen and (min-width: 768px) {
.container {
    max-width: 100%;
}
}