【问题标题】:jQuery Mobile - NO CSS applied on Android browsersjQuery Mobile - Android 浏览器上没有应用 CSS
【发布时间】:2012-07-13 07:05:37
【问题描述】:

我尝试使用 jquery mobile 准备一些“演示”网站。

在我的 iPhone 上,Safari、Google Chrome、Dolphin 浏览器一切正常。 在我的桌面上,它也可以像在 iPhone 上一样以 1 : 1 的比例运行。

如果我想在我同事的三星 Galaxy Ace 上用 Android 测试它,没有 CSS 样式 在原生安卓浏览器中,也在海豚浏览器中。

我还测试了几个网络模拟器,例如:http://www.howtogomo.com/en/d/test-your-site/#gomo-meter 结果是一样的。网站包含所有元素,但没有应用任何 CSS 样式。

我在元素中使用了这个样式表定义: 我不得不添加一些其他样式,所以我将它们复制到这个文件的末尾。

这是我的演示站点:http://soundart.cz/mobile/index.php

非常感谢您的帮助! 顺便提一句。我已经从你的 jqmgallery.com 测试了一些网站,它在同一个 android 浏览器上与 CSS 一起工作得很好。但我找不到其他网站和我的网站之间的区别:(

【问题讨论】:

    标签: css jquery-mobile android-browser


    【解决方案1】:

    显然 jQuery 1.7.2 与 jQuery mobile 不完全兼容,因此将其恢复为 1.7.1。

    这就是我添加 CSS 的方式:

    <link rel="stylesheet" type="text/css" href="../lib/jquery.mobile-1.1.1/jquery.mobile-1.1.1.css" media="all" />
    

    您可以尝试将其更改为(但您可以保留链接)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-05
      相关资源
      最近更新 更多