웹언어/CSS
사파리 브라우저에서 height:100% 적용안되는 이슈
CSS작업을 하게 되면 만나게 되는 문제 중 대표적인 것이 크로스브라우징입니다. 특히 ios의 사파리 브라우저의 경우 문제점이 더욱 많은 상황입니다. 사파리 브라우저에서 정상적으로 작동을 하게끔 처리 하기 위하여 @supports 문법을 사용하였습니다. @supports @supports (-webkit-touch-callout: none) { .userguide-wrap .box{height:auto;} .userguide-wrap .boxframe{height:auto;}} @supports (조건)을 사용하면 특정 조건에 해당하는 상태에서만 css적용이 가능합니다. 그중에서도 -webkit-touch-callout: none를 사용하여 사파리 브라우저에서만 적용되는 코드..
2024. 6. 5. 10:26
