iPhone 4 の viewport は iPhone 3G と同じ

► 2023 (1) ► 1月 (1) ► 2022 (1) ► 3月 (1) ► 2021 (6) ► 12月 (1) ► 11月 (2) ► 9月 (2) ► 1月 (1) ► 2020 (15) ► 12月 (3) ► 11月 (5) ► 10月 (2) ► 4月 (3) ► 2月 (1) ► 1月 (1) ► 2019 (16) ► 11月 (1) ► 9月 (7) ► 8月 (1) ► 7月 (1) ► 6月 (1) ► 5月 (1) ► 4月 (2) ► 2月 (1) ► 1月 (1) ► 2018 (22) ► 11月 (3) ► 10月 (2) ► 9月 (6) ► 8月 (4) ► 7月 (2) ► 5月 (1) ► 4月 (1) ► 3月 (2) ► 1月 (1) ► 2017 (23) ► 11月 (4) ► 10月 (3) ► 9月 (3) ► 8月 (3) ► 7

[nitoyon]

iPhone4 は viewpoert を width=device-width にしても 640x960 ではなく 320x480。320x480 でレンダリングして2倍に拡大。画像のシャギーを防ぐには、倍のサイズの画像を50%で表示する。判別するには-webkit-device-pixel-ratioでメディアクエリ。

[forestk]

ふむふむ＞CSS3のメディアクエリによってiPhone向けスタイルシートを読み込ませる方法がありますが、こちらも従来どおりの「max-device-width:480px」で機能します。