Question

有没有人知道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">

Answer 1

您在查询结尾处缺少结束括号

@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。

IE不读取媒体查询

1 个答案: