CSS 레이아웃 및 IE 6

Question

Stackoverflow podcast with Litmus (Podcast 78)에서 돌아보기. 팟 캐스트는 브라우저 비 호환성 및 단점에 대해 간략하게 논의했으며, 특히 IE6 (모든 곳에서 반복되는 주장)과 관련이 있습니다. 리트머스 솔루션은 모든 다른 브라우저에서 페이지를 렌더링하고 차이점을 찾는 것입니다.

그러나 실제로는 렌더링하지 않고 단순히 html과 css를 직접 분석하여 얼마나 많은 비 호환성이 있는지 확인할 수 있습니다.

저는이 분야에서 상당히 초보자입니다. 그러나 IE6 버그 및 제한 사항을 설명하는 많은 참조 outthere...과 새로운 문서를 작성할 때이를 피하는 방법을 보았습니다.

그런 경우 CSS를 검증 및 분석하고 CSS와의 호환성 문제를보고 할 수있는 도구를 만들 수 있습니까?

(문서의 부족으로) 발견 될 수없는 비 호환성과 그러한 도구의 잠재적 제한 (자바 스크립트 등과 상호 작용할 때)이 있습니까?

Answer 1

우리는 Browsera를 개발할 때 CSS 스타일링만을보고 브라우저 간 문제를 감지하려고했습니다. 문제는 특정 스타일보다는 문제를 일으키는 요소 간의 상호 작용입니다.

예를 들어, 여백을 설정하면 항상 여백이 생길 수 있습니다. 그러나 IE의 이중 여백 버그는 같은 방향으로 플로트가 있고 행의 첫 번째 요소 만있는 경우에만 발생합니다.

많은 IE6 레이아웃 엔진 문제 외에, 우리가 발견 한 많은 문제는 다른 브라우저의 기본 스타일 시트 때문에 발생합니다. 예를 들어 기본 여백과 글꼴 크기/렌더링은 브라우저마다 매우 다양합니다. 다른 브라우저에서 열면 레이아웃이 "가장 적합하지 않은"모양 일 가능성이 가장 높습니다.

Answer 2

물론 가능하지만 그건 리트머스 사업의 핵심은 아닙니다.

다르게 렌더링 할 수있는 모든 내용을 사이트와 보고서로 분석 할 수 있지만 그다지 도움이되지는 않습니다. Litmus의 비즈니스는 호환되지 않는 내용을 알려주지 않으므로 렌더링 방법을 보여주기 위해 설계되었으므로 사이트의 개선 필요성과 위치를 파악할 수 있습니다.

웹 사이트를 모든 브라우저에서 똑같이 보이게 만드는 것은 매우 어렵고 많은 리소스가 필요합니다. 종종 당신은 타협 할 필요가 있고 당신의 위치가이 브라우저 전부에 알맞게 보는지 확인하십시오.

사이트가 여전히 괜찮은지 여부를 판단 할 수있는 분석 도구는 없습니다.

Answer 3

Internet Explorer 사용자가 보는 페이지는 실제로 html과 css를 구문 분석하는 IE에 의해 작성됩니다. 정의에 따르면 IE 버그를 알고 잠재적 인 문제를보고하는 도구를 만드는 것이 가능합니다.

어쨌든 쉽지 않을 것 같습니다.