-

iPadなどRetinaディスプレイのサイズでデザイン/コーディングする時どうしていますか? 2048pxのコーディングは画面パンパンで結構骨が折れるのですが。みなさんのやり方教えてください。

みんなの回答 5 件

名無しさんの回答

レスポンシブルレイアウトも知らないの?

名無し

レスポンシブ、な。

名無し

質問の意味を理解してない上から回答お疲れ様です。

名無し

これははずいw

名無しさんの回答

レスポンシブリングレイアウトも知らないの?

名無し

この質問は釣りではないですよね?

えっと、retinaに対応するからといって、2倍の2048pxでコーディングはしません。

ipad,iphoneにはviewportというものを設定できて、ディスプレイにサイズを最適化してくれます。
よって通常通り1024でコーディングします。

画像に関しても、すべてretina用に用意すると読み込みが重くなるので、部分的にしか対応しません。

以上。

名無し

1024pxで作った画像をiPad3で見ると汚く見えないでしょうか?

名無し

画像に関して、retina用にしようと思うなら、例えば、PCで使用する画像 500 × 500をretina用にするなら、2分の1に値を取得して対応します。

500 × 500の画像を使用したと想定

■PC版(ipad1など)■
<img src="hoge.jpg" />

■retina版■
<img src="hoge.jpg" width="250" height="250" />

このように、元画像を半分に縮小するこによってretinaできれいに見ることができます。

背景の縮小は、css3のbackground-sizeで行えます。

まぁ、なので画像に関しては、retinaでぼけないようにするには、通常の2倍(正確には容量は4倍)のサイズの画像が必要となります。

名無し

↑誤字が多くて申し訳ない。
2行目 : 2分の1に値を取得して対応します。
→2分の1に値を縮小して対応します。

名無し

なんでここにコメントしてんの?

名無し

コメ主の心の狭さwwwwww

名無し

前岡俊男並の上から目線

名無しさんの回答

レスリングレイアウトも知らないの?

名無し

便乗するならもっと面白くな(^ω^)

名無しさんの回答

レスッポンポンレイアウトも知らないの?

名無し

便乗するならもっと面白くな(^ω^)

名無しさんの回答

レ・スポンジボブにすればー?

名無し

便乗するならもっと面白くな(^ω^)

最終更新日:2012-11-04 (7,887 views)

関連するトピックス

ページ上部に戻る