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

4.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
community guidelines

correct answers 1 Correct answer

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

Likes

Translate

Translate
Adobe Community Professional ,
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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

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

 

 

 

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
community guidelines
Adobe Community Professional ,
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

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
community guidelines
Explorer ,
Dec 07, 2019 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
community guidelines