internet explorer - Multiple min-width in CSS media query on IE10 -

multiple min-width linked 'and' on ie10 behaves not in usual way think , operator should do: when window width 500px,

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

see jsfiddle

the question is: anyway make both work on ie10? [edited here] means 'not applying this' on both, in way , operator should behave. chrome works in expected way.

suppose code written in second line, tested except ie because of issue. how make ie not applying second line, while not affecting other browsers?

---

here background not directly related issue: need clumsy multiple min-width because use scss mixin make general small, medium , large layouts.

@mixin respond($view) {     if $view == m {         @media (min-width: mmm) , (max-width: lll)  { ... }     } } 

on pages medium layout splits 2 layouts, need

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

which compiled multiple min-width.