사람들이 무언가에 익숙해지면 이를 변경하기가 어렵습니다. 여러 가지 이유로 새로운 브라우저가 점점 더 많아지고 있지만 오래된 브라우저는 제거할 수 없습니다. 성장은 항상 죽음보다 빠르며, 그 결과 브라우저 호환성이 끝없는 주제가 됩니다. 브라우저 호환성에 관해 말하면 CSS HACK이 자연스럽게 떠오릅니다. 오늘날 우리는 일반적으로 회사에서 동일한 작업을 수행하는 팀 또는 팀을 보유하고 있습니다. 유지 관리를 용이하게 하려면 코딩에 대한 통일된 사양이 필요합니다. 호환성을 해결하는 방법은 (아마도 문제가 발생할 가능성이 가장 높기 때문에) 해결해야 할 가장 중요한 사양 중 하나입니다.
호환성 솔루션 측면에서 통일된 사양을 공식화하려면 개인적으로 다음 세 가지 사항이 기본 원칙이 되어야 한다고 생각합니다.
여기서 비용을 최우선으로 생각한다는 것은 완벽함을 추구하지 않는다는 의미는 아니지만 너무 고의적으로 완벽함을 추구하면 때로는 우리의 발전을 방해할 수 있다는 의미입니다. 비용 다음으로 유지 관리가 가능하고 읽기 쉬워야 하며 이는 팀에 매우 중요합니다. 최종 결과는 비용 절감이다.
먼저 이 세 가지 원칙을 저장하고 호환 문제를 해결하기 위한 일반적인 작성 방법을 살펴보겠습니다(자세한 Hack 방법 목록은 나중에 첨부됩니다).
1. CSS 선택기 해킹
/* 오페라 */
@media 모두 및 (-webkit-min-device-pixel-ratio:10000), 전부는 아니고 (-webkit-min-device-pixel-ratio:0)
{머리~몸체 .sofish{디스플레이:블록;}}
이 작성 방식의 장점과 단점은 다음과 같습니다 .
2. CSS 속성 해킹
.sofish{
패딩:10px;
padding:9px9; /* 모두 즉 */
패딩:8px ; /* ie8-9 */
*패딩:5px /* ie6-7 */
+패딩:7px /* 즉7 */
_padding:6px; /* 즉6 */
}
이 작성 방식의 장점과 단점은 다음과 같습니다 .