브라우져 크로스브라우징 질문드려요
사이트를 제작하고 크로스브라우징을 하는데 윈도우에서 사파리 브라우져로 확인을 해야되는건가요?
사파리는 맥에서 보통 사용하는걸로 알고 있어서요?
혹시 사파리로 해야된다면 어떤부분을 중점적으로 체크해야되나요?
사파리에서만 사이트가 깨져보여서요...
우선 크로스 브라우징은 OS와 관련없이 사용되는 브라우저 중점의 사항입니다.
크로스브라우징이란 단적인 예로 질문하신 것처럼 사이트의 ui가 깨져보이는 경우가 있습니다.
하지만 정확히 말하자면 보이지 않는곳에서 작동되지 않는 기능들이 있을 수 있습니다.각 브라우져 마다 작동되지 않는 javascript, html5 코드가 존재하고,
질문자님처럼 해석하지 못하는 css 코드가 존재하기 때문입니다.사파리는 IE와 마찬가지로 브라우저마다 버전이 존재합니다.
즉 사용자의 사파리의 버전에 따라 지원되는 CSS ,JS, HTML5 등의 코드들이 존재합니다.
현재 질문자님의 사파리 버전에서 호환되지 않는 css 구문을 사용하신걸로 예상됩니다.
그럼 크로스 브라우징은 어떻게 해야할까요?
이것은 매우 번거롭고 귀찮은 일입니다.
브라우저마다 지원되는 버전을 확인하시려면 https://caniuse.com/ 링크를 통해 편리하게 확인 할 수 있습니다.
[ Can i use __ ? ] 란에 확인하고 싶은 코드를 작성하기만 하면 됩니다.
예) Can i use flexbox ?
현재 모든 브라우저의 모든 버전에서 호환되는 코드를 작성하기에는 제한되는 사항들이 매우 많습니다.
그렇기에 현재 사용자들의 브라우저 트랜드를 확인하시고 그에 맞춰 크로스브라우징 하시면 될것 같습니다.
