2011-12-06 5 views
2

Jquery 모바일을 사용하여 일련의 HTML5 페이지를 만들었습니다. Chrome을 개발하면서 Safari & 리플 에뮬레이터를 사용하여 웹 페이지의 모습을 확인했습니다. 그런 다음 내 페이지를 로컬 서버에 저장하고 iPad & iPhone에서 내 페이지가 제대로 렌더링되고 있지만 Android 브라우저에서 CSS 효과가 전혀 작동하지 않는다는 사실을 관찰했습니다. 모든 jQuery 모바일 그리드/테마는 토스로 이동했습니다. 왜 그런 일이 일어날까요?Android 브라우저에서 CSS3 효과

내 스타일 시트와 자바 스크립트에 대해 복사하여 붙여 넣기 스 니펫 CDN 호스팅 '.min'파일을 사용했지만 별도로 다운로드하지 않았습니다.

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1,  target-densitydpi=device-dpi, user-scalable=no"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
<link rel="stylesheet" href="style1.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 

답변

0

사용중인 Android 브라우저와 CSS 사이에 호환되지 않을 수 있습니다. UR 안드로이드 브라우저의 OS 버전?

+0

2.1-2.3 OS, jquery mobile은 CSS3 –

+0

을 사용합니다 ** 답변은 다음과 같습니다. - OS 2.1-2.3의 안드로이드 브라우저는 CSS3 효과를 매우 열악하게 지원합니다. Google은 브라우저 성능을 개선했습니다. ICS ** –