在jQuery Mobile设置字体大小问题，怎么解决

jQuery Mobile在不同设备可能有字体大小不一致的场景，针对这种情况，如下设置可能会有帮助：

1、将文档的根元素的字体大小设定为Font-size:62.5%；

2、将原来的px数值除以10，然后换上rem作为单位；即原来是：font-size:12px，更换后应该是：font-size:1.2rem；

3、为了兼容不支持rem单位的浏览器，应该同时为HTML元素声明绝对单位，如：font-size:12px；

正确的设置应该这样：

html,body{font-size:62.5%}

p{font-size:12pxfont-size:1.2rem}

1、字体样式可以在CSS文件里修改，

2、打开对应的CSS文件，

3、在CSS里面添加body{font:指定字体样式}就是改全局字体样式，

4、在CSS里面添加body{font-size:指定字体大小}就是改全局字体大小。

PS：如果只是更改某个标签的字体大小，也可以直接在标签里面修改，<div style="font-size:12px">。

<style>

 #box{

     font-size:14px

 }

 #box h1{

    font-size:20px

 }

</style>

<div  id="box">

    <h1>你好</h1>

    <p>你好</p>

</div>

使用css()方法来获取css属性的值。css()方法允许两个参数，如果一个参数的话就是获取该css属性的值，如果两个参数就是设置css属性值为第二个参数。

所以，你可以类似这样 *** 作：

var  h1Size = parseFloat( $("#box>h1").css("fontSize") ) + 4   // 20 +4

 $("#box>h1").css({

     fontSize: h1Size+ "px"

 })

当然，要让#box里所有的标签的文字都增加4px，这个你就要遍历，并且依次相加了。具体代码就不贴了。

---