1

最小幅が481pxに設定されている@mediaのページを見ました。
なんで?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 */
}
4

1 に答える 1

0

それは、人々がスマートフォンのメディアクエリも定義しているためです。ほとんどの場合、幅=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/を参照してください。

于 2013-03-25T17:57:44.383 に答える