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

2026年09月09日 00:13

有1个网友回答

网友（1）：

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:12px;font-size:1.2rem;}