아이폰 ios 하단 여백 css 설정

 

padding-bottom: constant(safe-area-inset-bottom);

padding-bottom: env(safe-area-inset-bottom) 이게 최신버젼 요즘은 이거만

 

 

---

<meta name="viewport" content="width=device-width, initial-scale= 1.0, viewport-fit=cover">

padding-bottom: calc( env(safe-area-inset-bottom) + 2.4rem);

padding: 2rem 2.4rem calc(2rem + env(safe-area-inset-bottom));

 

https://velog.io/@leejpsd/CSS-%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%95%88%EC%A0%84%EC%98%81%EC%97%ADsafe-area-%EB%8C%80%EC%9D%91-%EC%95%84%EC%9D%B4%ED%8F%B0-%EB%85%B8%EC%B9%98-%EB%8C%80%EC%9D%91

https://velog.io/@leejpsd/CSS-%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%95%88%EC%A0%84%EC%98%81%EC%97%ADsafe-area-%EB%8C%80%EC%9D%91-%EC%95%84%EC%9D%B4%ED%8F%B0-%EB%85%B8%EC%B9%98-%EB%8C%80%EC%9D%91

CSS 아이폰 안전영역(safe area) 대응 : 아이폰 노치 대응

 

 

https://m.work24.go.kr/cm/main.do

하단에 메뉴있는형태   viewport-fit=cover" 없음