Hacker News Reader

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

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

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

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

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

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.

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.

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.

Yep!