웹 사이트에 CSS를 사용하는 동안 일부 브라우저에서는 작동하지만 일부 브라우저에서는 작동하지 않는 경우가 종종 있습니다. 경험 개발자에게 알려진 기존 문제를 찾을 수있는 곳이 있는지 궁금합니다. 그래서 나는 개발하는 동안 언급 된 문제의 목록을 가질 수 있습니다.웹 개발자가 주목해야하는 브라우저의 주요 차이점은 무엇입니까?
트릭이란 무엇입니까? 어디서 찾을 수 있습니까? 가능하면 해결하는 방법?
가장 문제가되는 브라우저는 Internet Explorer (특히 6 이하, 7은 그렇게 나쁘지 않으며 8은 올바른 방향으로 큰 걸음)입니다.
IE가 시장의 대부분을 점유하더라도 XHTML doctype을 사용하여 Firefox 또는 Webkit (Chrome 및 Safari)과 같은 표준 호환 브라우저 용으로 개발 한 다음 나중에 IE에서 불일치를 수정하십시오. 그렇게하면 거의 아무런 노력없이 최대의 호환성을 얻을 수 있습니다 (Gecko 또는 Webkit 엔진에서 작동하는 경우 IE를 제외한 대부분의 브라우저에서 작동한다는 보장이 거의 가깝지만 대부분의 경우 완벽에 가깝다]).
IE에서 실행되는 대부분의 문제는 인터넷에 잘 문서화되어 있으며 페이지가 표준을 준수하면 쉽게 해결할 수 있습니다.
IE 용으로 먼저 개발 한 경우 (특히 IE6) 나머지 브라우저에서 페이지를 작동 시키면 변경 사항이 IE 렌더링을 깨뜨리는 결과를 가져올 수 있으므로 문제가 될 수 있습니다.
또한 중요한 것은 글꼴 가용성과 렌더링이 플랫폼마다 다르다는 점입니다. Windows의 Verdana는 Mac의 경우와 동일하지 않을 수 있으며 글꼴이 * nix에도 표시되지 않을 수 있습니다.
Compatibility Master Table (quirksmode.org)
개인적으로, IE6 내 가장 큰 초조 투명성과 PNG-24의에 대한 빈약 한 지원은 다음과 같습니다쿼크 모드는 특정 브라우저에서 지원되는 기능의 포괄적 인 목록이 있습니다. 다소 지원하려면
filter이 필요합니다.