Skip to main content
T
tim cross
Inspiring
December 6, 2019
Answered

iPhone 11 height / width - media query sizes??

  • December 6, 2019
  • 3 replies
  • 5581 views

Hi, Does anyone know what the media query sizes are for Iphone 11??

 

Iphone 8 is 375x667px

 

Iphone x ?

Iphone 11 ?

Iphone 11 max ?

 

Many thanks

 

Tim

This topic has been closed for replies.
Correct answer Jon Fritz

X: 1125 x 2436 @ 458ppi / 375 x 812 css pixels 3x pixel density

11: 828 x 1792 @ 326 ppi / 414 x 896 css pixels 2x pixel density
11 Max: 1242 x 2688 @ 458 ppi / 414 x 896 css pxels 3x pixel density

3 replies

T
tim crossAuthor
Inspiring
December 7, 2019

That's great - perfect. Thank You 

Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
December 6, 2019

X: 1125 x 2436 @ 458ppi / 375 x 812 css pixels 3x pixel density

11: 828 x 1792 @ 326 ppi / 414 x 896 css pixels 2x pixel density
11 Max: 1242 x 2688 @ 458 ppi / 414 x 896 css pxels 3x pixel density

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    December 6, 2019

    What does it matter?  You're not building layouts for specific devices.  You should be building layouts for a range of device widths.  For example, extra small < 768px,  Small ≥768px, Medium ≥992px, Large ≥1200px and so on....

     

     

    Nancy O'Shea— Product User & Community Expert
    T
    tim crossAuthor
    Inspiring
    December 7, 2019

    Well, it does matter! because you are correct in that you do not build layouts for specific devices but sometimes your layout can be throwout slightly due to a new spec device. So its best to check it to make sure it works.

     

     

     

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices