Skip to main content
tim cross
Inspiring
Dec 6, 2019 8:04 PM UTC
Answered

iPhone 11 height / width - media query sizes??

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 is closed to new replies. Start a new post to keep the conversation going.
Jon Fritz
Jon FritzCorrect answer
Community Expert
Dec 6, 2019 8:19 PM UTC

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

View reply

4 replies

tim crossAuthor
Inspiring
Dec 7, 2019 11:35 AM UTC

That's great - perfect. Thank You 

Translate
Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
Dec 6, 2019 8:19 PM UTC

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

Translate
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    Dec 6, 2019 8:15 PM UTC

    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....

     

     

    Translate
    Nancy O'Shea— Product User & Community Expert
    tim crossAuthor
    Inspiring
    Dec 7, 2019 11:39 AM UTC

    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.

     

     

     

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