1

ipad と iphone のサイズと、さまざまな css の使用方法について、いくつかの方法と質問に出くわしました。特に、iPad と iPhone のバージョンが増えた現在、デバイスごとに異なる背景を使用することが本当に必要なのでしょうか?

この問題に関するほぼすべての回答/サイトは、ユーザーに iPad に解像度 1024 を使用するように指示していますが、Apple のサイトによると、最新の iPad の解像度は 2048 x 1536 ピクセルですか?

では、iPad 2 (または何でも) 用に幅 1024 の背景を 1 つ作成し、次に iPad 3 用に 2048 の背景を作成し、iPhone などに別の背景を作成する必要がありますか?それとももっと簡単な解決策がありますか? 「背景サイズ：カバー」がすべての解像度の解決策になると思いました（自動的にスケーリングされるため）が、iPadでは機能しないように見えるため、そうではないようです。

4

1 に答える 1

1

だから、iPad 2 (または何でも) 用に幅 1024 の背景を 1 つ作成し、次に iPad 3 用に 2048 の背景を作成し、iPhone 用に別の背景を作成する必要がありますか?

いいえ。デバイスの解像度は異なりますが、CSS でターゲットを絞るという点では元の数値に従っています。したがって、すべての iPad は に対応しdevice-width: 1024px、iPhone は今でも に固執し320pxています。

ただ、iPhone5の方が少し縦長なので320×560pxに反応するので注意。

とにかく、 に関してはbackground-size、これはすべて無関係です。これの要点は、background-size: cover.

于 2013-05-07T08:40:32.297 に答える