9月更新・前月(8月)の人気記事トップ10 09/02/2024
- ( 01 – ) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について
- ( 07 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード
- ( 03 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法
- ( 10 ↑) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法
- (圏外↑) 【Labs】CSSだけでドロップダウンメニュー
- ( 02 ↓) 【jQuery】入門2. jQueryをHTMLに組み込む
- ( 09 ↑) 【Mac】Safariでソースコードを見る方法
- ( 04 ↓) 【jQuery】入門7. jQueryで新しいWindowを開く
- ( 06 ↓) 【2024年5月】iPad画面解像度まとめ
- (圏外↑) 【GIMP】レイヤーをロック
【2018年9月】iPhone画面解像度まとめ
image:Apple
こんにちは(・∀・)
新型iPhoneの発売に伴い、iOS13をアップデートできるiPhone SE以降のiPhone端末の画面解像度をまとめてみました。一覧は【Guide】画面解像度一覧表でもご覧いただけます。
*2020-04-16に投稿された新しいコンテンツがございます。
【2020年4月】iPhone画面解像度まとめ
iPhone画面解像度一覧
端末
画面サイズ
画面解像度
アスペクト比
iPod touch(第7世代)
iPhone SE
Retina HDディスプレイ
iPhone SE
Retina HDディスプレイ
4″
デバイスピクセル 1,136 x 640
CSSピクセル 568 x 320
CSSピクセル 568 x 320
16:9
iPhone 6s
iPhone 7
iPhone 8
Retina HDディスプレイ
iPhone 7
iPhone 8
Retina HDディスプレイ
4.7″
デバイスピクセル 1,334 x 750
CSSピクセル 667 x 375
CSSピクセル 667 x 375
16:9
iPhone 6s Plus
iPhone 7 Plus
iPhone 8 Plus
Retina HDディスプレイ
iPhone 7 Plus
iPhone 8 Plus
Retina HDディスプレイ
5.5″
デバイスピクセル 1,920 x 1,080
CSSピクセル 736 x 414
CSSピクセル 736 x 414
16:9
iPhone X
iPhone XS
Super Retina HDディスプレイ
iPhone 11 Pro
Super Retina XDRディスプレイ
iPhone XS
Super Retina HDディスプレイ
iPhone 11 Pro
Super Retina XDRディスプレイ
5.8″
デバイスピクセル 2,436 x 1,125
CSSピクセル 812 x 375
CSSピクセル 812 x 375
19:9
iPhone XR
iPhone 11
Liquid Retina HD ディスプレイ
iPhone 11
Liquid Retina HD ディスプレイ
6.1″
デバイスピクセル 1,792 x 828
CSSピクセル 896 x 414
CSSピクセル 896 x 414
19:9
iPhone XS Max
Super Retina HDディスプレイ
iPhone 11 Pro Max
Super Retina XDRディスプレイ
Super Retina HDディスプレイ
iPhone 11 Pro Max
Super Retina XDRディスプレイ
6.5″
デバイスピクセル 2,688 x 1,242
CSSピクセル 896 x 414
CSSピクセル 896 x 414
19:9
ハイライトされたCSSピクセルの数値でコーディングします。
画像等を作成する際はデバイスピクセルの数値を参考にしてください。
関連ページ
【2020年10月】iPhone画面解像度まとめ
【2020年9月】iPad画面解像度まとめ
【2020年4月】iPhone画面解像度まとめ
【2020年4月】iPad画面解像度まとめ
【2020年度決定版】レスポンシブデザインのブレークポイントはこれで決まり❗️
【Guide】デバイスピクセルとCSSピクセル
【Guide】画面解像度一覧表