• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

iPhone 11 height / width - media query sizes??

Explorer ,
Dec 06, 2019 Dec 06, 2019

Copy link to clipboard

Copied

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

TOPICS
How to

Views

5.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 06, 2019 Dec 06, 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

Votes

Translate

Translate
Community Expert ,
Dec 06, 2019 Dec 06, 2019

Copy link to clipboard

Copied

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 & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 07, 2019 Dec 07, 2019

Copy link to clipboard

Copied

LATEST

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.

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 06, 2019 Dec 06, 2019

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 07, 2019 Dec 07, 2019

Copy link to clipboard

Copied

That's great - perfect. Thank You 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines