Android 4.1의 Android 브라우저에서 제대로 실행되는 3D 변환을 사용하는 웹 앱이 있습니다. 그러나 PhoneGap 컨테이너에있는 동일한 응용 프로그램은 압박감과 확장 애니메이션을 발생시키고 3D 회전은 가능하지 않습니다. PhoneGap에서 실행되도록하는 방법이 있습니까? 3D 변환을 할 수없는 다른 렌더링 엔진을 사용합니까?Android에서 작동하지 않는 관점에서 css3 transform rotate3d
나는 회전 이미지를
-webkit-perspective: 300;
및
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-webkit-transform-style: preserve-3d;
를 사용합니다.
필자는 PhoneGap 장면의 최신 버전이지만 필자가 읽은 바에 따르면 안드로이드는 3D 전환에 질식하지만 단지 PhoneGap 구현에서 자주 사용되는 jQM에있을 수 있습니다. CSS에 관해 더 많이 얘기하는 것을 보았습니다 만, 문제가 발생하고 jQM 개발자가 문제를 겪고 있는지 궁금해졌습니다.
아마 폰갭은 -webkit- 접두사없이 작동합니다.
미래의 증거가 될 수 있도록 코드에 접두사가없는 속성을 항상 포함시켜야한다고 생각해야합니다.
속성은 길이 값을 사용하므로 항상 단위를 가져야합니다. 단위가 주어지지 않았지만 항상 지정해야하는 경우 일부 브라우저는 픽셀을 단위로 유추 할 수 있습니다. 또한 큰 원근감 값은 덜 극적인 원근감 효과를 가져옵니다.
또한 접두어가없는 버전의 속성도 추가해야합니다. Tim Nguyen이 말했듯이 접두사가 붙은 버전 뒤에 와야하며, 브라우저가 접두사를 요구하지 않게되므로 앱의 미래를 보장 할 것입니다.
제쳐두고, transform-style: preserve-3d;은 자식이 3 차원 공간에서 변형되고있는 요소에 주어져야하므로 실제로 여기서는 아무 것도하지 않습니다.
이에 따르면 Android는 -webkit 접두어 -> http://caniuse.com/css-animation이있는 모든 CSS3 태그를 지원합니다. – bluewhile