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

Building site for iPhone X

New Here ,
Jan 15, 2018 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

Views

734

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

LEGEND , Jan 15, 2018 Jan 15, 2018

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/

...

Votes

Translate

Translate
Advocate ,
Jan 15, 2018 Jan 15, 2018

Copy link to clipboard

Copied

2436-by-1125-pixel resolution at 458 ppi

.

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

Copy link to clipboard

Copied

LATEST

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?

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