채택완료

브라우져별로 css를 임포트하는 방법이있을까요?(php질문아님)

2018-01-03 (수) 11:48:40 2,147

안녕하세요?

랜딩페이지를 작성했는데요.

미디어쿼리로 해상도에 맞게 분기처리하고있긴한데요..

익스9 , 익스10 , 익스11 , 파폭 , 크롬

을 분기해서 각기 css 파일을 로드하고싶습니다..

미디어쿼리로 브라우져별로 로드하는게 가능한지 몰르겠습니다.

아니면 다른추천방식도 괜찮습니다.

답변 3개 / 댓글 3개

채택된 답변
+20 포인트

http://jinhokwon.tistory.com/257

이런 방법도 있습니다.

답변에 대한 댓글 1개

2018-01-04 (목) 07:47:10
감사합니다. 제지식으로 커버가 가능한 로직이네요.
세분화되서 이게 가장 나을것같아요.잘쓸게요
2018-01-03 (수) 19:38:53

Detectizr 라는 자바스크립트 소스가 있습니다.

브라우저를 종류별로 체크해서 HTML에 class 명으로 붙여주는 겁니다.

가령 크롬으로 접속하면 

<html class="chrome chrome63 webkit" 과 같은 클래스명을 붙이기에 스타일에 도움을 받을수 있습니다. 브라우저뿐만 아니라 운영체제, IE호환모드 까지 체크가능합니다.

.chrome .object {크롬 스타일}

.ie8 .object {IE8 스타일}

처럼 원하는 대상에 대한 스타일을 구분할수 있죠.

답변에 대한 댓글 1개

2018-01-04 (목) 07:46:03
감사합니다. 근데 아직 제가 다루기엔 능력부족이네요; 좋은정보 주셔서감사합니다

내 가능합니다.

Copy
<!—[if gte IE 7]>

<link rel=”stylesheet” type=”text/css” href=”common.IE.css” />

<![endif]–>

위와 같이 하시면 가능합니다.

페이지를 참고하세요.

http://blog.keypointer.co.kr/?p=48

답변에 대한 댓글 1개

2018-01-04 (목) 07:46:32
감사합니다. 아쉽게도 IE만 나와있군요.. 참고하겠습니다.

답변을 작성하려면 로그인이 필요합니다.