브라우저 기반 CSS를 호출하는 방법은 무엇입니까?

Question

우리는 브라우저의 이름을 자바 스크립트에서 얻을 수 있지만 다른 CSS 파일을 링크 할 해달라고 때문에, 나는에 스타일을 작성하려면 CSS 파일의 일부 클래스를 의미 CSS를 accordingly.I 변경할 수있는 방법이있다
if chrome

a img 
{ 
margin:0; 
} 

//if mozila 

a img 
{ 
margin:5px; 
} 

Answer 1

두 가지 방법이 있습니다.

클라이언트 측 : 브라우저를 감지하고 적절한 CSS 스타일을 가져 오기 위해 자바 스크립트를 사용해야합니다. 이 기사를 한번보세요. (더 이상 사용할 수없는 링크)

서버 측 : 사용자 에이전트 detect에 적절한 HTML을 제공해야합니다. 여기에 PHP source 링크가 있습니다.

Answer 2

이전에 조건부 포함을 사용하여이 작업을 수행했습니다. 브라우저에서 해당 헤더를 검색 한 다음 조건에 따라 .css 파일을 포함하십시오.

Answer 3

설명하는 내용은 conditional CSS (또는 IE의 경우 conditional comments)입니다.

Answer 4

아마

body.chrome a img 
{ 
margin:0; 
} 

body.mozilla a img 
{ 
margin:5px; 
} 

같은 그런 다음 필요에 따라 몸에 클래스를 설정하기 위해 자바 스크립트를 사용합니다.

Answer 5

u는 브라우저 버전을 js로 감지 할 수 있습니다. 그리고 오른쪽 CSS 파일을 연결하십시오.

IE 위해 당신은

가 가끔 -moz-CSS_ATTRIBUTE 대 Mozila를 사용하지만 매번하지 작동 할 수 있습니다.

나는 JS는 당신이 갈 수있는 가장 좋은 방법

Answer 6

생각 :

• conditional CSS
• IE Conditional Comments

Answer 7

사용 모질라 확장에 대한 URL 접두사 :

@-moz-document url-prefix() { 
    a img { 
    margin:5px; 
    } 
}