HTML
사파리에서 SVG 렌더링 이슈 해결하기
체크박스 아이콘의 테두리가 잘려 보인다는 QA 요청이 왔습니다. 이슈 재현을 해보니 사파리 브라우저에서만 발생하는 이슈였습니다. (특정 브라우저에서만 발생하는 이슈는 정말 귀찮다고 생각해요..ㅠ) 개발자 도구로 스타일 조작을 해봐도 요지부동이었습니다. 검색을 통해 발견한 방법들은 다 적용해 본 것 같습니다 🫠 그러면 제가 찾아 보았던 방법과 결과를 정리해 보겠습니다. 문제 Safari에서 SVG 아이콘 픽셀이 깨짐 (정상 렌더링이 되지 않음) 원인 Safari 자체에서 SVG 지원이 완벽하지 않음 해결 방법 img 태그 사용하기 svg view box 수정 svg에 attribute 추가 svg width와 height 단위 변경 아이콘의 border만 css로 처리하기 svg 디자인 직접 수정하기 (✅..
