코딩 아카이빙 (1) 썸네일형 리스트형 [IOS 이슈] height:100vh이 먹통일 때 (feat.하단 URL 바) 반응형 작업을 하다보면 ios 사파리에서 이슈가 가장 많은 편이다. 그 중 하나가 height:100vh를 넣을 경우, 하단에 URL을 넣는 링크바 부분때문에 끝까지 스크롤을 해도 잘리는 현상이 생긴다. CSS /*** ios only ***/ @supports (-webkit-touch-callout: none) { .gnb{height:calc(var(--vh, 1vh) * 100)} } ios 운영체제에만 먹히도록 위와 같은 supports 쿼리를 추가해주고 100vh대신 calc(var(--vh, 1vh) * 100)를 넣어준다. JS let vh = window.innerHeight * 0.01 document.documentElement.style.setProperty('--vh', `${vh.. 이전 1 다음
