크로스 브라우징 이슈를 해결하는 방법

크로스 브라우징(Cross Browsing)

크로스 브라우징(Cross Browsing)은 웹 접근성과 같이 중요한 기술 중 하나다.
같은 코딩을 해도 다른 기종 혹은 플랫폼에 따라 달리 구현된다. 그 구현되는 기술을 최대한 비슷하게 만듦과 동시에 한쪽에 최적화되어 치우치지 않도록 구현하는 기법이다.

크로스 브라우징 이슈를 해결하기 위한 방법

CSS RESET

CSS RESET은 브라우저마다. 기본적인 margin,padding등 기본 스타일을 완전히 초기화 하여 동일한 스타일을 준다.
예를 들어 크롬은 기본적인 padding이 있어서 코딩을 해서
padding을 안줘도 기본적으로 padding이 들어가 있다.

호환성을 주의한다.

브라우저마다 호환이 가능한 css속성이 있고 호환이 불가능한 css속성이 있다. 그걸 생각하면서 구조를 짠다.

캐시 문제 해결

웹사이트를 사용자가 처음 방문하면 해당 웹페이지와 관련된 대부분의 파일들이 캐시로 저장이 되고 캐시를 가지고 있어서
맥의 사파리에서 css가 적용되지 않는 문제가 생긴다.
그걸 해결하기 위해 해당 URL을 바꿔주면 된다.

<link rel="stylesheet" type="text/css" href="test.css?version=1.2">