ipad - iPad Retina ディスプレイの div のようなコンテナーのマージン、幅、高さを 2 倍にする必要がありますか?

Question

これに関するガイダンスが本当に必要です。パッド網膜ディスプレイをサポートする Web アプリを設計しています。クライアントから、要素の余白、高さ、幅などすべてを 2 倍にしたスタイル ガイドが提供されました。そうする必要がありますか、それとも画像やアイコンなどのグラフィックスが 2 倍のサイズで必要ですか?

私を助けてください、私は立ち往生しています。

ありがとう、

Answer 1

Web アプリの CSS に関して余白、幅、高さについて話している場合、答えはノーです。Retina ディスプレイのためにそれらを 2 倍にする必要はありません。CSS で高さ、幅、余白などを指定すると、通常のディスプレイでは正しいサイズで表示され、Retina ディスプレイは内部で 2 倍のピクセル変換を行うため、2 倍のデバイス ピクセルが使用されます。その点でこれをサポートするために何もする必要はありません。

これは、 Smashing Magazineの画像で最もよく説明されています。

@2x画像の場合、Retina iPhone および iPad で Retina に見えるように画像を作成する必要があります。Smashing Magazine は先月、Towards a Retina Webという素晴らしい記事を掲載しました。これは、これを非常によく説明し、さまざまな網膜画像技術に関するヒントを提供しています。