Highlighted

Building site for iPhone X

New Here ,
Jan 15, 2018

Copy link to clipboard

Copied

Can someone share with me the portrait & landscape page sizes for building for Apple iPhone X?

I have 11 different screen sizes and none seem to hit the mark.

Many thanks, J Schirmacher

joachims67643457:

What you need for web site creation, is the logical resolution („viewport“), not the native (rendered) resolution. If a browser would use the rendered resolution, the displayed content would be way(!) to small. (As for images in HiDPI sites, nothing has changed: double pixel size.)

iPhone X:

Logical resolution: 375 x 812

Rendered resolution: 1125 x 2436

Just look here: http://iosres.com

Or with more explanation here: http://mediag.com/news/popular-screen-resolutions-designing-for-all/

What is unclear for me: You don‘t intend to create a breakpoint for one special device, don‘t you?

Views

576

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

Building site for iPhone X

New Here ,
Jan 15, 2018

Copy link to clipboard

Copied

Can someone share with me the portrait & landscape page sizes for building for Apple iPhone X?

I have 11 different screen sizes and none seem to hit the mark.

Many thanks, J Schirmacher

joachims67643457:

What you need for web site creation, is the logical resolution („viewport“), not the native (rendered) resolution. If a browser would use the rendered resolution, the displayed content would be way(!) to small. (As for images in HiDPI sites, nothing has changed: double pixel size.)

iPhone X:

Logical resolution: 375 x 812

Rendered resolution: 1125 x 2436

Just look here: http://iosres.com

Or with more explanation here: http://mediag.com/news/popular-screen-resolutions-designing-for-all/

What is unclear for me: You don‘t intend to create a breakpoint for one special device, don‘t you?

Views

577

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
Jan 15, 2018 0
Advocate ,
Jan 15, 2018

Copy link to clipboard

Copied

2436-by-1125-pixel resolution at 458 ppi

.

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...
Jan 15, 2018 1
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

joachims67643457:

What you need for web site creation, is the logical resolution („viewport“), not the native (rendered) resolution. If a browser would use the rendered resolution, the displayed content would be way(!) to small. (As for images in HiDPI sites, nothing has changed: double pixel size.)

iPhone X:

Logical resolution: 375 x 812

Rendered resolution: 1125 x 2436

Just look here: http://iosres.com

Or with more explanation here: http://mediag.com/news/popular-screen-resolutions-designing-for-all/

What is unclear for me: You don‘t intend to create a breakpoint for one special device, don‘t 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...
Jan 15, 2018 0