ipad - 最小宽度 = 481 为什么

Question

我看到一些带有@media 的页面，它们的最小宽度设置为 481 像素。
为什么？481有什么用？
我认为 ipad 尺寸是 768*1024 。
谢谢。

    @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 */
}

Answer 1

这是因为人们还定义了智能手机的媒体查询。大多数时候有宽度= 480px。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {}    }

所以下一个更高的分辨率将是 min-device-width = 481px

希望这有助于了解更多信息，请查看http://css-tricks.com/snippets/css/media-queries-for-standard-devices/