【问题标题】:CSS3 effects on Android BrowserAndroid 浏览器上的 CSS3 效果
【发布时间】:2012-01-14 00:35:38
【问题描述】:

我使用 Jquery mobile 制作了一组 HTML5 页面。在开发过程中,我使用 Chrome、Safari 和涟漪模拟器来查看我的网页的外观。然后我将我的页面放在本地服务器上,并观察到在 iPad 和 iPhone 中我的页面可以正确呈现,但在 Android 浏览器上 CSS 效果根本不起作用。我所有的 jQuery 移动网格/主题都被折腾了。为什么会发生这样的事情?

我已使用 Copy-and-Paste Snippets CDN 托管的“.min”文件用于我的样式表和 javascript,没有单独下载它们。

<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>

【问题讨论】:

    标签: android css jquery-mobile cross-browser web-applications


    【解决方案1】:

    可能是安卓浏览器和你使用的 CSS 不兼容。你的安卓浏览器的操作系统版本?

    【讨论】:

    • 2.1-2.3 OS,jquery mobile使用CSS3
    • 好吧,这就是答案 - OS 2.1-2.3 的 Android 浏览器对 CSS3 效果的支持很差,谷歌已经改进了它的浏览器性能 ICS 开始
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-29
    • 2012-04-28
    • 2016-01-26
    • 2014-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多