title: Media Query for iPad and desktop (max-width)
body: <p><strong>I want some CSS code to target both iPad and desktop with max-width: 768.</strong></p>
  
  <p>This (I don't know why, would be glad to know) doesn't work for the iPad (only desktop):</p>
  
  <pre><code>@media only screen and (max-width: 768px)
  </code></pre>
  
  <p>so I had to to this for the iPad:</p>
  
  <pre><code>@media only screen and (device-width: 768px)
  </code></pre>
  
  <p>However, I have the exact same code inside both media queries, and that I cannot accept.</p>
  
  <p>I tried this also: </p>
  
  <pre><code>@media only screen and (max-width: 767px) or (device-width: 768px)
  </code></pre>
  
  <p>This one above doesn't work either - it actually works for the desktop, no matter what width, and not on iPad. Really strange.</p>
  
  <p>How to target both iPad and desktop with same media query?</p>