Css 仅限Internet Explorer的媒体查询

我知道只有使用此CSS才能获得IE的样式：

@media all and (-ms-high-contrast:none) {
     .foo { color: green } /* IE10 */
     *::-ms-backdrop, .foo { color: green } /* IE11 */
}

并且可以使用媒体查询使站点响应：

@media only screen and (max-width: 800px) {
    .foo { color: green }
}

如何编写代码，使IE只在特定的屏幕大小上有一个样式？以下两项都不适合我（只是忽略了这种风格）：

@media only screen and (-ms-high-contrast:none) and (max-width: 800px)

@media all and (-ms-high-contrast:none) and (max-width: 800px)

---

想法？

IE、Safari、chrome和谷歌。由于某些原因，当我使用flexbox时，我的div/columns在IE上比其他3种主要浏览器占用更多的空间。因此，如果我想在一个页面上容纳4列，我必须在IE上指定0 23%的flex，否则第4列会下降到其他3列的下方

然后，当浏览器大小减小（例如<1000px）并且我希望它是一个2列布局时，我必须在IE上指定一个0 48%的flex（其他地方的flex为0 50%）

---

然而，我不知道如何为IE、Safari、chrome和google的IE屏幕指定48%的2列布局。由于某些原因，当我使用flexbox时，我的div/columns在IE上比其他3种主要浏览器占用更多的空间。因此，如果我想在一个页面上容纳4列，我必须在IE上指定0 23%的flex，否则第4列会下降到其他3列的下方

然后，当浏览器大小减小（例如<1000px）并且我希望它是一个2列布局时，我必须在IE上指定一个0 48%的flex（其他地方的flex为0 50%）

---

但是，我不知道如何为的IE屏幕指定48%的2列布局。您是否只希望在Internet Explorer 10+和Edge上使用此功能？您是否只希望在Internet Explorer 10+和Edge上使用此功能？