문제

나는 현재 (기본적으로) 어떤 브라우저를 지원하는지 알아 내려고 노력하고 있습니다. CSS3 레이아웃 모듈.

기본적으로 사용할 수있는 브라우저를 지정할 수있는 특정 환경을 개발하고 있으며 CSS3은 개발 시간을 가속화 할 것입니다. 왜 그렇지 않습니까?

내가 구체적으로 말하는 것은입니다

body {
   display: 'aaa'
            'bcd';
}

그리고 같은 레이아웃에 페이지 요소를 슬롯 할 수 있습니다.

div#div1 { position: a; }
div#div2 { position: b; }

(Div1은 헤더이고 Div2는 왼쪽 사이드 바입니다)

도움이 되었습니까?

해결책

현재 브라우저가 구현되지 않는다고 확신합니다. 그리고 나는 어떤 브라우저도 곧이를 구현할 것으로 기대하지 않을 것입니다.

아직 충분히 성숙하지 않습니다. 그것은 단지 a입니다 작업 초안 브라우저 구현자가 시작할 것이기 전에 여전히 많은 관심과 토론이 필요합니다. 예를 들어, 적어도 2 개의 관련 제안이 있습니다. 그리드 포지셔닝 그리고 매트릭스 레이아웃.

그것 ~이다 ~에 모질라의 버그 추적기, 그러나 지금은 미래의 관심을 끌기위한 자리 표시 자에 지나지 않습니다. WebKit Bug Tracker에서는 전혀 언급 할 수 없었습니다.

이 레이아웃 모듈의 진행중인 상태에 대해 자세히 알아 보려면 www-style 메일 링리스트.

다른 팁

Opera는 최고의 CSS3 지원을 제공하고 WebKit (Safari)이 있습니다. 작동하는 것이 무엇인지 확인하기 위해 오페라 테스트를 제안합니다.

다음은 호환성 차트입니다 (구식 일 수 있음)http://geocities.com/seanmhall2003/css3/compat.html

이것은 더 좋아 보인다 : http://westciv.com/iphonetests/

대부분의 CSS3 속성은 접두사를 통해 지원됩니다 (CSS3은 최종적이지 않기 때문에). 오페라의 경우 접두사는 -O-이고 WebKit의 경우 -webkit-입니다. IE : -o-text-shadow.

업데이트 : 레이아웃 모듈의 JavaScript 구현이 있습니다. http://a.deveria.com/csstpl/ . 직접 사용하지 않았으며 깨끗하게 렌더링되기 전에 모든 페이지가로드 될 때까지 기다려야하는 캐치와 함께 제공됩니다. LAN에 인트라넷 응용 프로그램을 작성하는 경우 무시할만한 영향을 미치지 만 페이지가 응답하지 않게 보일 수있는 느린 연결에있을 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top