나는 딜레마를 발견 한 것으로 보이며, 다른 사람이 그것에 관해 알고 있는지 궁금해. CSS3 지원 브라우저의 JQUERY 기능을 대체하기 위해 웹킷 효과를 많이 사용하면 모바일 사파리가 데스크톱에 충돌하는 것으로 보입니다.너무 많은 Webkit, 모바일 사파리 충돌이 발생 했습니까?
다른 누구도이 문제/해결책을 발견하지 못했습니다. 아니면 누군가 다른 사람에 의해 야기 된 것입니까?
비슷한 문제가 발생했습니다. 필자의 경우, 수백 개의 dom 요소에 -webkit-tranform 또는 전환을 적용하면 ios5에서 모바일 사파리가 충돌합니다. 흥미롭게도, 오래된 아이폰 3G에서 테스트 할 때 (ios3) 모바일 사파리가 충돌하지 않습니다.
CSS에 SASS를 사용하고 webkit을 추가하는 책임이있는 '브라우저 접두어'mixin에서 웹킷 줄을 주석 처리하기 때문에 이것이 -webkit- 접두어와 관련이 있다는 것을 알고 있습니다. 접두사를 모든 CSS 선언에 추가하면 문제가 해결됩니다.
미디어 쿼리 내에서 모든 -webkit- 값을 'none'으로 설정하여 웹킷 접두어를 무시하려고 시도했지만 값이 무시되기 전에 충돌이 발생하는 것으로 보입니다.
나는, http://dev.moovylist.com/jasiu
같은 CSS를이 페이지 반면, 미만 요소, 또한 요소 충돌의 많은 페이지 때문에, 페이지의 DOM 요소의 양을 함께 할 수있다 확신 해요 충돌하지 않습니다. http://dev.moovylist.com/suzy
내 유일한 해결책은 지금까지 아이폰이 결코 웹킷 접두사를 볼 수 없습니다 있도록 아이폰에 대한 별도의 webkitless 스타일 시트를로드하는 것입니다.
iPhone 4 iOS 5.0.1에서 webkit 및 CSS3 관련 충돌이 발생합니다. 여기를 참고하십시오 : http://stackoverflow.com/questions/10166441/drawing-to-a-css3-3d-transformed-canvas-on-iphone4-causes-hard-freeze 새로운 iPad (5.1) 또는 내가 가지고있는 2 개의 다른 iOS 장치 (4.0.3에서는 iphone 3g, 3.1.3에서는 ipod touch 1g). mobilesafari는'-webkit-'접두사없이 3D CSS3 변환을 적용 할 수 있습니까? –
감사합니다. 웹킷 프리픽스를 제거하면 나를위한 문제가 해결되었습니다. 웹킷 프리픽스 변환 후에 접두어가 붙지 않은 변환을했는지는 중요하지 않습니다. 나는 그것을 완전히 제거해야했다. –
이 문제를 재현하는 방법에 대한 자세한 예제를 게시하십시오. – Sparky
@ Sparky672 내가 할 웹 페이지가 있습니다. 나는 그것이 충분하기를 바란다. http://www.golfbrowser.com/courses/mill-ride/ –
저는 제 3 세대 iPod Touch를 사용하고 있습니다.이 제품은 iOS 5 호환성을위한 로우 엔드입니다. 귀하의 사이트는 느리지 만 모바일 사파리는 충돌하지 않았습니다. – Sparky