Highlighted

iPhone 11 height / width - media query sizes??

Explorer ,
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

Adobe Community Professional
Correct answer by Jon_Fritz_II | Adobe Community Professional

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

Topics

How to

Views

1.5K

Likes

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

iPhone 11 height / width - media query sizes??

Explorer ,
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

Adobe Community Professional
Correct answer by Jon_Fritz_II | Adobe Community Professional

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

Topics

How to

Views

1.5K

Likes

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
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Explorer ,
Dec 07, 2019

Copy link to clipboard

Copied

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.

 

 

 

Likes

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
Reply
Loading...
Adobe Community Professional ,
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

Likes

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
Reply
Loading...
Explorer ,
Dec 07, 2019

Copy link to clipboard

Copied

That's great - perfect. Thank You 

Likes

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
Reply
Loading...
Resources
Learn Resources
Add a group