Search code examples
iosiphoneviewportscreen-size

What is the viewport size for the Iphone 5/Iphone 6/Iphone 7/Iphone X

Introduction

Although this question might seem outright lazy at first glance, it is actually quite bothersome (e.g. the Iphone X's notch height being included in viewport calculation - information that is not mentioned anywhere else).

After fumbling around for a whole week and getting conflicting information from different websites, I decided just to go to the apple store and take a bunch of pictures of the website http://viewportsizes.com/mine/

I hope these rudimentary photos will help any future developers who are struggling with supporting different screen sizes.

1) Iphone X

enter image description here

2) Iphone 6 and 6+ (Iphone 7 and 7+ have same sizes)

enter image description here

3) Iphone 5

enter image description here

Solution

  • Additional browser (not screen) viewports:

    Iphone XS (same as iphone X): 375 x 635

    Iphone XS Max: 414 x 719

    Iphone 4: 320 x 372