다른 웹 브라우저를 위해 디자인하는 방법 - 인형

잠재 고객이 다를지라도, iPhone 및 iPad의 Safari에서 손상되지 않고 잘 보이는 웹 사이트를 만들 수 있습니다 인터넷에서 가장 인기있는 웹 브라우저에서 볼 때의 페이지 디자인.

많은 유용한 기능과 많은 "와우 요소"로 놀라운 웹 사이트를 만들고 싶다면 코드로 웹 페이지를 디자인하여 웹 사이트를 방문하는 웹 브라우저에서 모양이 잘 보이도록 할 수 있습니다.

데스크톱 및 랩톱 컴퓨터에서 가장 많이 사용되는 두 가지 웹 브라우저의 두 가지 버전을 사용하여 디자인을 타겟팅 (및 테스트)하는 것이 좋습니다.

Chrome:

• 버전 7, 8, 9 이 글을 쓰는 시점에서 다음 목록의 브라우저가 가장 인기가있었습니다. Firefox:

• 버전 3. 5, 3. 6, 4. 0 버전 8,9

• Opera: 버전 10, 11

• Safari: 버전 4, 5

• 환경 설정 방문자가 어떤 브라우저를 사용하고 있는지 잘 모르는 경우 웹 사이트의 트래픽 로그를보고 알 수 있습니다. 대부분의 사이트에는 트래픽을 추적하는 방법이 있으며 웹 로그를 검색하여 사이트를 방문하는 브라우저 및 장치 유형을 확인할 수 있습니다.

트래픽 패턴과 브라우저 사용은 시간이 지남에 따라 변경되므로 정기적으로 자신의 보고서를 검토하고 새로운 브라우저 릴리스가있을 때마다 코드를 테스트하십시오. 자신의 방문자를 이해하면 사이트에 가장 적합한 경로를 선택할 수 있습니다.

웹 브라우저 간 HTML 및 CSS 지원 비교

iPhone 및 iPad 용 웹 사이트를 만들고 웹 사이트 방문자가 이러한 장치 중 하나를 사용하면 최신 버전의 Safari가 있다고 믿을 수 있습니다. HTML5 및 CSS 3의 최신 기능을 지원하는 데 가장 적합한 브라우저입니다.

올바른 브라우저에 적합한 코드로 페이지를 디자인하려면 어떤 브라우저에서 어떤 태그를 지원하는지 식별해야합니다. 다행히도, Can I Use와 시각적으로 매력적인 동반자 사이트 인 HTML5 Readiness를 포함하여 온라인에서 볼 수있는 많은 리소스가 도움이 될 수 있습니다.

CSS3에 대한 브라우저 지원을 비교하고 이해하는 데 유용한 또 다른 사이트는 CSS3입니다.