[myguysi]

Nope, an iPhone 8 is 375x667

Edit: for those questioning my reply, I’m talking about the logical resolution (what you actually use for layout) not the physical pixel resolution

[gbear605]

Not according to Apple. They say it is “1334-by-750-pixel resolution at 326 ppi“[0]

https://www.apple.com/iphone-8/specs/

[extra88]

That's the raw screen resolution but the web viewport size will be in CSS Pixels and is 667 x 375.

https://vizdevices.yesviz.com/devices/iphone8/

[loeg]

How did you come up with that? iphone 8 is 1334x750.

[saagarjha]

It looks like the parent commenter is talking in points (iPhone 8 is a 2x Retina Display), while you're speaking about pixels.

[loeg]

Ok; the classic 640x480 figure is also in pixels, so I'm not sure why the parent commenter would use a different unit to try and draw a comparison.

[myguysi]

We’re taking about rendering UI... If I render a div with width=375px and height=667px it will fill the screen on an iPhone 8 because it renders @2x.

[Mikhail_Edoshin]

There must be a pixel-per-inch ratio in this equation. A 14" monitor running at 640x480 will have around 57 ppi, while iPhone X has like 462 ppi.

[myguysi]

Yep!