Question

我看到@media的一些页面的最小宽度设置为481px 为什么？ 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/

min-width = 481为什么

1 个答案: