[code]

<meta name="viewport" id="meta_viewport" content="width=device-width, initial-scale=1, viewport-fit=cover,minimum-scale=0,maximum-scale=10">

[/code]

모바일 뷰포트는 이렇게 맞추고 작업중인데 아이콘의 satety area 이슈를 가장 단순하고 편하게 해결 할 수 있는 방법이 아닌가 싶습니다.

1. 아이폰 상하단, 가로 전환시 화면의 satefy area를 사용하지 못하는 부분을 이미지 object cover처럼 쓸 수 있게 도와줍니다.

이상태에서 차라리 스타일을 조정하여 작업하는게 전 더 편한 것 같더라구요. 각자의 기호겠지만 필요하실 분들을 위해 공유합니다.