IE10上CSS媒体查询的多个最小宽度

Question

多个最小宽度与＆＃39;和＆＃39;在IE10上的行为不是我认为和运营商应该做的通常方式： 当窗口宽度为500px时，

@media (min-width: 400px) and (min-width: 600px)  { not applying this }
@media (min-width: 600px) and (min-width: 400px)  { applything this! }

请参阅jsfiddle

问题是：无论如何都要在IE10上运行？ [在这里编辑]这意味着“不应用这个＆＃39;在两者上，以及操作员应该表现的方式。 Chrome以预期的方式运作。

假设代码已经写在第二行，由于此问题，除了IE之外，所有内容都测试得很好。如何轻松使IE不应用第二行，而不影响其他浏览器？

---

这里只是一些与问题没有直接关系的背景：我需要笨拙的多个最小宽度，因为我使用SCSS mixin来制作一般的小型，中型和大型布局。

@mixin respond($view) {
    if $view == m {
        @media (min-width: MMM) and (max-width: LLL)  { ... }
    }
}

在某些页面上，媒体布局分为两种布局，所以我需要

@include respond(m) {
    @media (min-width: M2)  { ... }
}

编译成多个min-width。