CSS3 사양을 처리하는 방법. 유용한 방법으로?

StackOverflow https://stackoverflow.com/questions/1238544

  •  11-09-2019
  •  | 
  •  

문제

CSS3 사양은 부분적으로 구현 된 기본 브라우저에 있으며 코드가 적은 결과를 얻을 수 있지만 CSS3을 사용하지 않는 데는 여러 가지 이유가 있습니다. 예를 들어, 아래쪽으로 호환되지 않으며, 다른 브라우저에서 비슷한 Renderd 뷰가 아닙니다.

그래서 저는 스스로에게 묻습니다. 어쨌든 위에서 분리 한 것처럼 기본 문제를 가로 채는 옵션으로 CSS3를 사용하는 가장 좋은 방법은 무엇입니까?

도움이 되었습니까?

해결책

사이트가 우아하게 저하되는 한 지금 CSS3를 사용하는 데 아무런 문제가 없습니다. 결국, 브라우저가 특정 CSS 규칙을 이해하지 못하면 그냥 무시합니다.

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

사용하려는 CSS3 규칙을 지원하지 않는 브라우저에서 사이트가 깨지지 않는 한 괜찮을 것입니다. 점진적으로 향상 이를 지원하는 브라우저에있는 귀하의 사이트.

다른 팁

당신은 찾을 수 있습니다 "언제 사용할 수있어 ..." 합리적으로 사용할 수있는 기능을 보는 데 유용합니다.

공개 웹 사이트를 만드는 경우 IE6을 지원해야합니다. 이는 CSS 2.1이 없음을 의미합니다.

당신이 시도 할 수있는 한 가지는 다음과 같습니다. Lesscss

이렇게하면 속기 CSS 표기법을 사용하여 빌드시 유효한 CSS에 "컴파일"할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top