Question

我使用Jquery mobile创建了一组HTML5页面。在开发过程中，我使用了Chrome，Safari和涟漪仿真器，看看我的网页是如何看的。然后我将我的页面放在本地服务器上并在iPad和iPad中观察到iPhone我的网页被正确呈现，但在Android浏览器上，CSS效果根本不起作用。我所有的jQuery移动网格/主题都进行了折腾。为什么会发生这样的事情？

我使用了复制并粘贴代码段CDN托管的“.min”文件用于我的样式表和javascripts，没有单独下载。

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

Answer 1

它可能是Android浏览器与您正在使用的CSS之间不兼容。你的android浏览器的操作系统版本？

Android浏览器上的CSS3效果

1 个答案: