아이폰 safe area 대응을 해야할 경우가 있었는데
요렇게 선언을 해도 안먹는 경우가 있었다.
top: env(safe-area-inset-bottom)
viewport 에 viewport-fit 을 적용하지 않아서 난 이슈였다.
viewport-fit=cover 을 적용하니 해결됨
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />'CSS' 카테고리의 다른 글
| css로 부모선택자 선택하기 (0) | 2024.07.04 |
|---|---|
| transition animation height (0) | 2024.03.18 |
| .scss 파일에서 dom data 정보 가져오기 (0) | 2024.01.23 |
| 한글, 영문 폰트 다르게 적용하기 (0) | 2023.04.17 |
| :not 선택자는 익스 지원하지 않는다. (0) | 2021.09.29 |