This is the actual screen size in pixels of the iPhone X, not its Viewport size which is 375px x 812px.Illustrator suggest starting a mobile at 1125 x 2436 px
This is a better guide for mobile resolutions: https://mediag.com/blog/popular-scre...gning-for-all/
480px still seems a good around choice.
So the lion king adobe got it all wrong
No, because viewport pixels do not equal screen pixels in most cases.
If you look at the link already provided to you, it shows tables of devices and their viewport sizes and their pixel sizes.
For example, if you were to design a background graphic to fill the screen of an iPhone XR, the graphic should be 828 x 1792 while the viewport size is 414 x 896.
Typically for modern devices design your images at 2x (or even more) than the viewport size of your web page design. Often people supply a 1:1 pixel image graphic and a 2:1 graphic using an @2x suffix.
Better to have resolution too high than too low. That Adobe suggestion would be OK for a tablet or some of the huge phones.
Good to know.
Bookmarks