title: Target IE11 on specific screen sizes using CSS Media queries
body: <p>I'm having some issues with IE11 similar <a href="https://stackoverflow.com/questions/27952725/why-doesnt-translatex-work-as-expected-for-fixed-elements-on-ie9-ie10-and-ie1">to this post</a>. I have a menu that expands at a certain size (1440px) and breaks in IE11. Using Media Queries I can target IE11 using <code>(-ms-high-contrast: none), (-ms-high-contrast: active)</code>. However, I only want this at a certain resolution (> 1440px ).</p>
  
  <p>I've tried various combinations of</p>
  
  <p><code>@media screen and (min-width: 1440px) and (-ms-high-contrast: none) and (-ms-high-contrast: active)
  </code></p>
  
  <p>But they don't seem to work</p>
  
  <p>How to target and element in IE11 at screen size <code>&gt; 1440px</code> without affecting the other browsers or using JS.</p>