브라우져별로 css를 임포트하는 방법이있을까요?(php질문아님)
본문
안녕하세요?
랜딩페이지를 작성했는데요.
미디어쿼리로 해상도에 맞게 분기처리하고있긴한데요..
익스9 , 익스10 , 익스11 , 파폭 , 크롬
을 분기해서 각기 css 파일을 로드하고싶습니다..
미디어쿼리로 브라우져별로 로드하는게 가능한지 몰르겠습니다.
아니면 다른추천방식도 괜찮습니다.
답변 3
내 가능합니다.
<!—[if gte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”common.IE.css” />
<![endif]–>
위와 같이 하시면 가능합니다.
페이지를 참고하세요.
http://blog.keypointer.co.kr/?p=48
!-->
Detectizr 라는 자바스크립트 소스가 있습니다.
브라우저를 종류별로 체크해서 HTML에 class 명으로 붙여주는 겁니다.
가령 크롬으로 접속하면
<html class="chrome chrome63 webkit" 과 같은 클래스명을 붙이기에 스타일에 도움을 받을수 있습니다. 브라우저뿐만 아니라 운영체제, IE호환모드 까지 체크가능합니다.
.chrome .object {크롬 스타일}
.ie8 .object {IE8 스타일}
처럼 원하는 대상에 대한 스타일을 구분할수 있죠.
답변을 작성하시기 전에 로그인 해주세요.