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

Posted 2023-02-21

参考技术A

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,bodyfont-size:62.5%
pfont-size:12px;font-size:1.2rem;