title: Media queries not working with ie & phones
body: <p>My website does fit to the screens of different devices but my media query styles are not working. The problem is also visible when resizing the wordpress <a href="http://www.owardilllandscapes.co.uk/" rel="nofollow noreferrer">website</a> in an IE browser and when using a windows phone emulator (via IE 11). I've tried many different methods to fix this problem but so far none have been successful. All my media queries are in my main style.css</p>
  
  <p>I've tried:</p>
  
  <ul>
  <li><p>Changing <code>&lt;meta name="viewport" content="width=device-width"&gt;</code> to <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code>
  As per: <a href="https://stackoverflow.com/questions/14304494/responsive-web-design-is-working-on-desktop-but-not-on-mobile-device">Responsive web design is working on desktop but not on mobile device</a></p>
  
  <ul>
  <li><p>Changing <code>@media only screen and (max-width: XXXpx),only screen and (max-device-width: XXXpx)</code> in my style.css to <code>@media all and (max-width: XXXpx),all and (max-device-width: XXXpx)</code>
  As per: <a href="https://stackoverflow.com/questions/26059414/media-queries-not-working-in-internet-explorer-11">Media Queries not working in Internet Explorer 11</a></p></li>
  <li><p>I've just deactivated -all- my plugins, cleared the cache, still unsuccessful.</p></li>
  <li><p>I've also tried validating my website and cleaning up errors as per: <a href="https://stackoverflow.com/questions/26108608/media-query-x-ie11">Media Query x IE11</a></p></li>
  </ul></li>
  </ul>
  
  <p>I'm completely at a loss and frustrated as this hasn't happen with other websites I've designed and built. I'd appreciate any help I can get with this! Thank you.</p>