Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add iPhone 12 #62

Merged
merged 1 commit into from
Dec 16, 2020
Merged

Add iPhone 12 #62

merged 1 commit into from
Dec 16, 2020

Conversation

jparismorgan
Copy link
Contributor

Adding my notes here in case it helps anyone else more easily add iOS models.

Source

Res and dpi

  • The iPhone 12 features the same 2532 x 1170 resolution as the iPhone 12 Pro, with 460 pixels per inch.

Bezel width

You can calculate the exact bezel width using this formula, where deviceWidth is in millimeters, screen is the screen's diagonal length in millimeters, and ratio is the screen resolution's width / height:
(deviceWidth - Math.sqrt((screen * screen) / (1 + (1 / (ratio * ratio))))) / 2;

  • Device width = 71.5 mm
  • Diagonal width = sqrt((146.7 * 146.7) + (71.5 * 71.5)) = 163.1966298671636 
  • Resolution width = 1170
  • Resolution height = 2532
  • Ratio = 1170 / 2532 = 0.4621
  • Bezel = (71.5- sqrt((163.19 * 163.19) / (1 + (1 / (0.4621 * 0.4621 ))))) / 2 = 1.522663092832651

@jsantell my bezel width calculations seem wrong, as I measured the actual device and the top of the bezel is ~3.5cm and the bottom is ~3cm. Is my diagonal width incorrect above? I just took the device width and height and calculated the diagonal from there.

@jparismorgan
Copy link
Contributor Author

@jsantell friendly ping :)

@jsantell
Copy link
Contributor

The bezel calc looks correct to me; it's measuring the space between the screen on the left and right (in portrait mode), rather than the top and bottom, which can be adjusted by sliding the phone left/right. Will merge this in, thank you!

@jsantell jsantell merged commit c033b3d into immersive-web:master Dec 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants