저희 서비스의 타겟 환경은 모바일과 웹 브라우저 모두 지원하나 그 중 모바일 환경을 우선적으로 하도록 설계하는 mobile first를 채택 하기로 했습니다. 그 이유는 다음과 같습니다.
statcounter에서 선정한 가장 많이 사용하는 브라우저 top 3를 우선적으로 지원하는 것이 좋을 것 같다고 프론트엔드 팀에서 판단하였습니다.
top 3인 Edge
, Chrome
, Safari
의 경우 아래의 자료(browserslist 공식문서)와 같이 2% 이상인 브라우저임을 확인할 수 있었습니다. 그래서 3가지를 지원하기 위하여 browserslist에 점유율이 2% 이상(공식적으로 지원하지 않는 브라우저는 제외)으로 설정하였습니다.
Browser | Vendor Prefix |
---|---|
Edge | -ms- |
Chrome | -webkit- |
Safari | -webkit- |