title: min-width = 481 why
body: <p>I saw some pages with @media that their min-width is set to 481px.<br>
  Why? What is 481 for?<br>
  I think ipad size is 768*1024 .<br>
  Thanks.</p>
  
  <pre><code>    @media only screen and (device-width: 768px) {
    /* For general iPad layouts */
  }
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
  }
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
  }
  </code></pre>