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
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/
...Copy link to clipboard
Copied
2436-by-1125-pixel resolution at 458 ppi
.
Copy link to clipboard
Copied
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?