如何定位IE10 +和特定的屏幕尺寸？

Question

我需要添加一些特定于IE10 / 11的样式，但我只希望它出现在768px +的屏幕尺寸上

我尝试了以下操作：

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    @media (min-width:768px) {
        /* STYLING HERE */
    }
}

但这似乎不起作用。如果我删除了@media (min-width:768px)，则IE特定的样式将起作用，但是它将在所有屏幕宽度上显示。如何合并这些媒体查询，以使CSS仅在最小宽度为768px的设备上应用在IE10 / 11上？

Answer 1

将下面的2组合起来似乎可行。有什么问题吗？

@media all and (min-width:768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* STYLING HERE */
}