6
Help us understand the problem. What are the problem?

posted at

updated at

【iOS】iPhone / iPadのセーフエリア(Safe Area)一覧

【追記 2021/09/29】
iPad mini (6th generation) を追加しました。

自身の整理用にまとめました。

以下で取得した画面サイズとセーフエリア(Safe Area)を機種ごとに一覧にしました。


// width / height
NSLog(@"%f %f", [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height);

// Safe Area
NSLog(@"%f %f %f %f", self.navigationController.view.safeAreaInsets.top, self.navigationController.view.safeAreaInsets.bottom, self.navigationController.view.safeAreaInsets.left, self.navigationController.view.safeAreaInsets.right);

iPhoneは、Portrait(縦向き)とLandscape(横向き)とでセーフエリアが異なります。

  • Device: 機種
  • Width: 画面幅
  • Height: 画面高さ
  • Safe Port Top: セーフエリア(縦向き) 上
  • Safe Port Btm: セーフエリア(縦向き) 下
  • Safe Land Top: セーフエリア(横向き) 上
  • Safe Land Btm: セーフエリア(横向き) 下
  • Safe Land Left: セーフエリア(横向き) 左
  • Safe Land Right: セーフエリア(横向き) 右

iPhone

Device Width Height Safe
Port
Top
Safe
Port
Btm
Safe
Land
Top
Safe
Land
Btm
Safe
Land
Left
Safe
Land
Right
iPhone 5 320 568 20 0 20 0 0 0
iPhone 8 375 667 20 0 0 0 0 0
iPhone 8 Plus 414 736 20 0 0 0 0 0
iPhone 11 Pro 375 812 44 34 0 21 44 44
iPhone 11 414 896 48 34 0 21 48 48
iPhone 11 Pro Max 414 896 44 34 0 21 44 44
iPhone 12 mini 375 812 50 34 0 21 50 50
iPhone 12 Pro 390 844 47 34 0 21 47 47
iPhone 12 Pro Max 428 926 47 34 0 21 47 47

iPad

Device Width Height Safe
Port
Top
Safe
Port
Btm
Safe
Land
Top
Safe
Land
Btm
Safe
Land
Left
Safe
Land
Right
iPad 9.7 / mini 768 1024 20 0 20 0 0 0
iPad mini (6th) 744 1133 24 20 24 20 0 0
iPad 7/8/9 10.2 810 1080 20 0 20 0 0 0
iPad Air3 10.5 834 1112 20 0 20 0 0 0
iPad Air4/5 10.9 820 1180 24 20 24 20 0 0
iPad Pro 11.0 834 1194 24 20 24 20 0 0
iPad Pro 12.9 1024 1366 24 20 24 20 0 0
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
6
Help us understand the problem. What are the problem?