Resource Phone Post Width Reference Chart

[Noivian]

Are you tired of not having mobile compatible coding? I know I am. Here's a reference of popular phone screen widths, in inches, and pixels when viewed in portrait, and the ppi of each screen, for coders out there who don't know how wide to make their codes to make them mobile friendly. This reference is only good assuming you're using your phone's default internet browser, and default RPN on 100% view.

I've discerned each number by using Google Chrome's handy-dandy Inspect Element Device Toolbar, and turned my browser temporarily into mobile size, thus allowing me to easily find the pixel width of each element. Of course, I have no clue if this element took ppi into account or not. Please let me know if the numbers are right or not, either through math or experimentation. I've included my laptop for reference if you want to do math.

If your phone isn't listed here, please tell me your phone model and I'll add it ASAP.

Phone	Post Width	Screen width in inches	Screen width in pixels	Pixels per inch (ppi)
Dell Inspiron 17 7000	1642px	~15 in.	1920px	127.34ppi
Samsung Galaxy S8+	1267px	~2.88 in.	1528px	529ppi
Samsung Galaxy S8	1267px	~2.68 in.	1528px	570ppi
Samsung Galaxy S7	1179px	~2.49 in.	1440px	~577ppi
iPhone 7 Plus	819px	~2.69 in.	1080px	401ppi
iPhone 7	509px	~2.3 in.	750px	326ppi
iPhone 6 Plus	819px	~2.69 in.	1080px	401ppi
iPhone 6	509px	~2.3 in.	750px	326ppi
iPhone 5/5s	240px	~2 in.	640px	326ppi

 

[Noivian]

Bumpy

I just realized this isn't mobile compatible hahah