SCSS代码需要Media Query内部的Media Query才能在IE11上运行，有人可以解释我为什么吗？

Question

我的一所大学目前正在尝试使网站在IE11上正常工作。我们通常将SASS与Media Query一起使用以进行这种类型的优化。

她必须在一个查询中嵌套一个查询，一个用于较小的视口，另一个在IE11中。奇怪的是，视口查询中的IE11查询仍然需要附加一个视口才能工作，就像这样：

&.btn-group-vertical {
    width: 100%;
    max-width: 230px;
    @media only screen and (max-width: 1099px) {
        max-width: unset;
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (max-width: 1099px) {
            max-width: 100%;
            //Works just fine for devices under 1099 on IE11
        }
    }   
}
&.btn-group-vertical {
    width: 100%;
    max-width: 230px;
    @media only screen and (max-width: 1099px) {
        max-width: unset;
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            max-width: 100%;
            //Doesn't work
        }
    }
}

所以我不明白这一点，如果没有附加的视口，查询是否可以正常工作？这是强制性的还是只是一些奇怪的IE11内容？