JQuery Mobile / Phonegap在安卓上的问题 - 所有文本都显示为大写

Question

我正在开发一个 phonegap (2.3.0) + jQuery Mobile (1.2) 应用程序。

所有功能运行良好，但是我无法显示任何大小写字母混合的文本 -

例如：

<p>This is my stuff:</p>

出现了：

这是我的东西：

我尝试添加style="font-variant: normal"

<p style="font-variant:normal">This is my stuff:</p> 

但我仍然得到了“这是我的东西”：

我尝试在顶部更改样式表（所有css都在之前加载）：

<style>
        body  * {
                font-variant: normal !important;
            }
</style>

仍然所有字母都是大写。

我核实了我使用的字体是一个混合大小写字体而不是全大写字体。

有任何想法吗？

- user1938509

Answer 1

尝试使用text-transform属性：

text-transform: none;

- dfsq

---

这太棒了伙计！运行正常！非常感谢！ - user1938509

我正在使用PhoneGap 3.0.0，没有使用jQuery Mobile，但是遇到了同样的问题，所以与jQuery Mobile无关。这个方法解决了它。 - Andrei Cristian Prodan

Answer 2

Phonegap在index.css中定义：

body {
 ...  
 text-transform:uppercase;  
 ...
}

不知道为什么，就将其注释掉。

- Alain

Answer 3

我曾经遇到过同样的问题，使用phonegap 3.3和jquery 1.4.1。解决方法是更改index.css文件中的代码： 将 body { ...
text-transform:uppercase;
... } 改为 body { ...
text-transform:none;
... }

- Ega

---

你应该尝试格式化你的答案，使代码更易于阅读。 - Chris Leyva