반응형 env()1 iOS에서 하단 메뉴 화면 잘림 방지하는 꿀팁! 안전 영역(Safe Area) 완벽 적용하기 iOS Safari에서 Safe Area 챙기는 꿀팁!요즘 스마트폰 보면, 화면 끝까지 꽉 찬 디자인이 대세죠? 그런데 이럴 때 웹사이트 디자인할 때 꼭 신경 써야 할 게 있어요. 바로 **안전 영역(Safe Area)**인데요! 특히 iOS Safari에서 홈 버튼이나 노치 때문에 화면 하단이 잘리면 안 되니까, 이걸 잘 챙겨줘야 합니다. 근데 걱정 마세요, CSS 코드 한 줄이면 해결 끝! 🙌 🎯 안전 영역을 위한 CSS 코드.safe-area-bottom { padding-bottom: env(safe-area-inset-bottom);} 👀 코드 한 줄 설명env(safe-area-inset-bottom)은 iOS 기기에서 하단의 홈 버튼이나 노치를 감지해서, 그만큼 여백을 자동으로 추가.. 2024. 10. 2. 이전 1 다음 반응형
