首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >REM单元在Android2.*和Web (直到Android4.2)的原生浏览器中不能正常工作。

REM单元在Android2.*和Web (直到Android4.2)的原生浏览器中不能正常工作。
EN

Stack Overflow用户
提问于 2014-07-30 10:10:50
回答 1查看 983关注 0票数 0

这是我搜索了很长时间的一个bug,没有发现任何关于它的东西。

在我正在进行的一个项目中,我开始使用REM单元。在每一个有文字的元素中,我都给出字体大小和线条高度。

我不知道为什么,但不知何故,它不理解直线高度与快速眼动,并采取行动,它是没有快速眼动。

代码语言:javascript
运行
复制
html{
  font-size:1px;
}

.fu{
  font-size:20rem;
  line-height:24rem;/*old android, act like 24 without the REM Unit*/
}
/*normal browser - line-height 24*1 = 24px(root-font-size)
old android browser and webview line-height 24 * 20(font-size) = 480px*/

实例化 (桌面和旧安卓系统中的手表)

我会很高兴有一个合适的解决方案,使我能够使用REM单位在直线高度。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-17 18:19:33

Yo不能在android 2.*中使用rem线高度。

解决办法:

使用多个字体大小

示例

代码语言:javascript
运行
复制
html{
  font-size:1px;
}

.fu{
  font-size:20rem;
  line-height:1.2; /*1.2 equal to 24rem(in this case) and will resolve conflict in old android*/
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25034158

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档