media query does not switch below 768 when resize window : <pre><code>@media(min-width:768px){body:border:1px solid red;}
</code></pre>

<p>if i resize the window below 768px , it does not switch to iphone6+ media query</p>

<pre><code>@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { body:border:1px solid red;}
</code></pre>

<p>Please suggest</p>
