title: Media queries for tablet min-resolution and max-resolution
body: <p>Currently working on a responsive design website. I use media query for targeting different devices based on the width and screen resolution.</p>
  
  <ol>
  <li><p>I have a scenario were i wanted to use the screen resolution to target the devices, but i don't understand how this works. </p></li>
  <li><p>I wanted to check both min-width and max-width, with that the screen resolution may also range from 97dpi to ipad max resolution 264dpi. But this does not seems to work. If i give a single resolution min-width:155dpi for hp loaded tablet it works. But min to max resolution condition seems not working. Could you guys share your idea.</p></li>
  </ol>
  
  <p>For this i have used like the below code</p>
  
  <pre><code>@media only screen and (min-width:768px) 
  and (max-width:1024px) and (min-resolution:96dpi) and (max-resolution:264dpi){ 
  </code></pre>