Css IE不阅读媒体查询

有人知道IE的媒体查询的正确用法吗？我尝试在我的页面和对css文件的调用中使用媒体查询，但仍然没有看到媒体查询被引用

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #logoBig{
        display:none;
    }

    #logoSmall{
        display:block !important;

    }

    .logo{
        width:200px !important;
    }

    .fields{
        margin: 32px 0 0 0px;
        width:62% !important;
    }
    ul li .submenu{
        display:none;
    }
    ul li:hover .submenu{
        display:block;
    }

媒体查询的最佳位置在哪里？我需要遵循哪些准则

IE 11，这是我的元标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

查询末尾缺少一个结束括号

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #logoBig{
        display:none;
    }

    #logoSmall{
        display:block !important;

    }

    .logo{
        width:200px !important;
    }

    .fields{
        margin: 32px 0 0 0px;
        width:62% !important;
    }
    ul li .submenu{
        display:none;
    }
    ul li:hover .submenu{
        display:block;
    }
}  

---

但是这对于所有浏览器来说都是一个问题，如果这个语法错误不是你的问题，请用你的div更新你的html。

你在查询的末尾缺少一个结束括号

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #logoBig{
        display:none;
    }

    #logoSmall{
        display:block !important;

    }

    .logo{
        width:200px !important;
    }

    .fields{
        margin: 32px 0 0 0px;
        width:62% !important;
    }
    ul li .submenu{
        display:none;
    }
    ul li:hover .submenu{
        display:block;
    }
}  

---

但是这对于所有浏览器来说都是一个问题，如果这个语法错误不是你的问题，请用你的div更新你的html。

你在使用IE8吗？如果是这样，它将不会起作用。您使用的是什么版本的IE？此媒体查询在Internet Explorer 11中工作。我通过创建确认。此外，我们需要在html中显示您的视口信息的元标记。您使用IE8吗？如果是这样，它将不会起作用。您使用的是什么版本的IE？此媒体查询在Internet Explorer 11中工作。我通过创建确认。此外，我们需要在html中显示您的视口信息的元标记。您使用IE8吗？如果是这样，它将不会起作用。您使用的是什么版本的IE？此媒体查询在Internet Explorer 11中工作。我通过创建确认。此外，我们需要在html中显示您的视口信息的元标记。