title: CSS media query to target Windows Phone Nokia Lumia
body: <p>I am using below LESS to target mobile phones and all other devices are working, but Window phone position: relative breaks the whole UI. </p>
  
  <pre><code>li {
    @media screen and (max-width: 480px) {
        position: relative;
        top: 4px;
        zoom: 0.5;
        width: 46px;
    }
  }
  </code></pre>
  
  <p>How can I target only windows phone specifically using media queries.</p>
  
  <p>I have been through below solutions, but they are using conditional CSS tag and my project uses LESS.</p>
  
  <p><a href="https://stackoverflow.com/questions/8782871/css-to-target-windows-phone-7">CSS to target Windows Phone 7</a></p>
  
  <p>And below solution targets dpi, that probably might change in future devices. Hence this does not solve my problem.</p>
  
  <p><a href="https://stackoverflow.com/questions/16421493/media-query-to-target-hi-res-windows-phone-8">@media query to target hi-res Windows Phone 8+?</a></p>