Adobe Dreamweaver CS6에서 CSS 호환성 확인 방법 - 인형

Adobe Dreamweaver CS6 웹 사이트는 Internet Explorer, Firefox, Chrome 및 Safari와 같이 널리 사용되는 모든 브라우저에서 적절하고 일관되게 나타납니다. 대부분의 최신 브라우저가 CSS2 (및 일부 CSS3) 속성에 대해 상당히 균일 한 지원을 채택했지만 설계자는 여전히 다양한 브라우저 및 브라우저 버전에서 해당 페이지를 테스트해야합니다.

Dreamweaver는 이러한 시간 소모적 인 작업을 제거하기 위해 Adobe 웹 사이트와 함께 작동하는 브라우저 호환성 검사를 제공하여 선택한 브라우저 및 버전에서 발생할 수있는 CSS 관련 디스플레이 문제를 발견하고보고합니다.

브라우저 호환성 검사는 기본적으로 다음 브라우저에서 CSS 호환성을 확인합니다: Firefox 1-3; Internet Explorer (Windows) 6. 0-8. 0; Internet Explorer (Macintosh) 5. 2; Netscape Navigator 7. 0-8. 0; 오페라 7. 0-9. 0; 및 사파리 1. 0-3. 0

브라우저 호환성 검사에서 발견 된 문제가 있으면 결과 패널에 문제에 대한 설명과 함께 Adobe 웹 사이트의 CSS Advisor 섹션에 대한 직접 링크가 표시됩니다. CSS Advisor는 알려진 브라우저 디스플레이 문제 및 해결 방법에 대해보고합니다.

파일 → 열기를 선택하거나 파일 패널에서 선택하여 편집 할 페이지를 엽니 다.

1. 문서 윈도우 (라이브 코드 버튼 옆)에서 브라우저 호환성 검사 버튼을 클릭 한 다음 나타나는 메뉴에서 브라우저 호환성 검사를 선택합니다.

2. 결과 패널이 나타나고 브라우저 호환성 탭이 앞으로 표시됩니다. 결과는이 탭에 표시됩니다.

   나타날 수있는 결과에 대한 세부 정보와 가능한 해결책을 보려면 결과를 선택하십시오.

3. 설명과 Adobe 웹 사이트에 대한 링크가 패널의 오른쪽에 나타납니다.

   

   가능한 호환성 문제가 파일 이름, 줄 번호 및 문제 설명과 함께 나열됩니다.

   세부 정보 패널 아래의 링크를 클릭하면 Adobe 웹 사이트로 이동하여 솔루션을 확인할 수 있습니다.