android webview rem,rem单元在webview中不起作用

我使用Phonegap for android创建了一个简单的应用程序,它只是加载我网站的内容 . 问题是webview不理解“REM”css单元,即使在同一设备上我在Chrome浏览器中打开网站时它按预期工作 .

我正在使用的技术是我设置以字体为单位的根字体大小(例如1px),以及使用rem单位的其他所有内容 . 看起来在使用webview时,它有一些font-size的最小值,远远大于我的值,它将所有元素大小乘以10-12倍 .

有没有办法解决它而不切换到像素而不是rems?

代码示例:

body {

font-size: 1px;

}

.element {

width: 15rem;

}

从上面的代码中,元素的宽度应该是15px,如果我在移动浏览器中打开网站,这是正确的,但在webview中它大于150px;

UPDATE :

我几乎可以肯定它在webview中有一个最小的字体大小问题,因为我现在尝试相反,我将根字体大小设置为15px,将.element宽度设置为1rem并且它正确显示所有内容,表示REM单元正在工作如果我将root font-size设置为高于webview中的最小限制 .

以下是我的网站在移动设备上的外观[

093f79cf-c7ca-4dea-9d48-cd66d8e824ac.jpg

]

这是phonegap应用程序

25297399-0405-4061-9bf1-ee03cbacf476.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值