반응형 100vh 모바일 화면 가림1 React 모바일(safari, chrome)에서 100vh 네비바 로 인한 화면 가려지는 현상 해결하기 web 개발하다 보면 여러가지 디바이스에서 자신이 개발한 화면이 잘 호환되면서 나오는지 확인하면서 개발하는게 굉장히 중요합니다. 모바일 화면에서 어떠한 모달을 띄우는데 모달의 크기가 큰 경우 모바일 웹 브라우저 네비바로 인하여 모달이 가려지는 현상이 종종 생기는데요 오늘은 이런문제 해결하는 방법을 작성해 보겠습니다. 문제 : pc 버전(chrome) 모바일 뷰에서는 잘 보여지는것을 볼 수 있습니다. 하지만 이제 모바일 chrome에서는 네비바 때문에 가려져서 나옵니다. 이유는 모달 컨테이너 css 보면서 설명 드리겠습니다. const Background = styled.div` position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 0; left:.. 2022. 12. 9. 이전 1 다음 반응형
