2011-12-06 75 views
2

我已經使用Jquery mobile製作了一組HTML5頁面。在開發過程中,我使用了Chrome,Safari &漣漪仿真器來查看我的網頁的外觀。然後我把我的網頁放在本地服務器上,發現在iPad上我的網頁已經正確渲染,但在Android瀏覽器中,CSS效果完全不起作用。我所有的jQuery移動網格/主題都是折騰。爲什麼會發生這樣的事情?Android瀏覽器上的CSS3效果

我已經使用了我的樣式表和JavaScripts的複製粘貼片段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之間的不兼容。你的android瀏覽器的操作系統版本?

+0

2.1-2.3操作系統,jquery mobile使用CSS3 –

+0

**好的,這裏是答案 - 操作系統2.1-2.3的Android瀏覽器對CSS3特效的支持非常差,Google改進了其瀏覽器性能ICS ** –