safe-area란 화면 해상도가 다양해지면서 필수 콘텐츠의 노출을 보장할 수 있는 영역을 말합니다. 아이폰 x 이후의 기종들은 상단의 노치(notch) 영역과 하단의 라운드영역이 있어 콘텐츠가 안정적으로 보일 수 있는 safe-area를 가지고 있습니다. 앱 개발을 하다보면 이런 화면들에서 생기는 문제점이 있습니다. * 가로모드일때 좌우 영역이 노치에 의해 가려짐 * 하단의 홈 인디케이터 영역과 콘텐츠 영역의 겹침 이미지 출처 : https://wit.nts-corp.com/2019/10/24/5731 이런 문제점들을 해결하기 위한 대응 방법입니다. 1, html 메타 태그 추가하기 html 에 있는 meta 태그에 viewport-fit=cover를 추가해 줍니다. (기본값은 auto입니다) 2, c..
