엊그제 고객사로부터 메일이 왔습니다.
크로스 브라우징이 안되어 있는것 같은데 한번 확인해 달라고..
첨부된 스샷을 보니 IE와 Safari에서 깨지고 있더군요.
IE는 한국이라 요청사항 많아서 당연한 요청사항으로 수긍되었으나,
Safari PC 브라우저 마저 크로스브라우징을 요청하는 것이 흔한일인가 참 궁금했습니다.
조사한 바로 Safari PC버전 점유율을 전세계 약 2.4%.
해당 프로젝트의 CSS 프레임워크는 부트스트랩인데 해당 공식문서에선 사파리 PC 버전을 지원하지 않는다고 써놨습니다. 상사가 몇가지를 수정하면 된다고 하시길래(아마 브라우저 별 엔진에서 작동하는 prefix를 작성하라는 뜻이였을 겁니다.) 좀 난감해했었는데 조사하면 조사할 수록 해결하기 난해한 것으로 결론이 나지고 있었습니다.
Can I Use 에서도 display: flex; 는 사파리 브라우저의 6점대 버전까지는 지원을 안한다고 하는데 애플에서 지원한 마지막 사파리 PC의 버전은 5점대.. 바로 대표님께 상황 설명드리고 IE는 크로스브라우징 해결하였으나 사파리 PC버전은 어렵다고 고객사로 답장메일을 보내셨답니다.
'프론트엔드 > HTML · CSS · Javascript' 카테고리의 다른 글
| [CSS] 연결이 잘 되었음에도 CSS가 먹지 않을 때 (0) | 2021.02.01 |
|---|---|
| [추천사이트] Beautify (뷰티파이) (0) | 2021.02.01 |
| [추천사이트] 크로스브라우징을 편리하게 만들어주는 오토프리픽서, Autoprefixer CSS online (0) | 2021.01.28 |
| [css] 임의의 단어로 시작하는 모든 클래스 선택하기 (0) | 2021.01.18 |
| 이미지 크롭기능 (0) | 2021.01.11 |