새로운 아이폰을 구매했습니다. 그 전에 쓰던 아이폰 X과 그 전에 쓰던 아이폰 7은 가로 너비 375px의 뷰포트를 가지고 있었습니다. 안드로이드 OS 기반의 폰은 갤럭시를 기준으로 360px의 뷰포트를 가지고 있었습니다.

반응형 웹사이트를 구축하다보면 디바이스 별로 최적화를 해야할 때가 있습니다. 이때 뷰포트가 중요하죠. 그런데 오늘에서야 더 많은 뷰포트 설정이 필요하다는 것을 알게되었습니다.

  • iPhone 12 mini – Viewport 360px
  • iPhone SE 2 – Viewport 375px
  • iPhone 12 Pro – Viewport 390px
  • iPhone 12 Pro Max – Viewport 428px
  • iPhone 8 Max, XR – Viewport 414px
  • Galaxy S20 – Viewport 412px

오늘 이것 때문에 고생좀 했습니다. 변화에 보다 깊은 관심을 가져야겠습니다.

Refresh
Go to back