极客观点
项目管理
HarmonyOS
如题，之前一直在做pc后台系统，突然给了任务做个h5应用有点不知所措。。我设的fontsize62.5%，然后看了下字体1.6rem浏览器显示出来的是16px，为啥我给个div宽度定2rem却不是20px？
html5
浏览器默认最小字体是12px
所以设置文字大小为62.5%，文字大小会生效，但rem还是已12为基准，可以这样
我们可以设置用100来换算
html{
font-size:625%；
}
div{
font-size: 0.16rem; /*真实值： 16px 怎么来的 16/100=0.16*/
width: 1rem; /*真实值： 100px 怎么来的 100/100=1*/
}
看不到完整代码不清楚问题出在哪。我常用移动端rem方法是这样的：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>title</title>
<script>
//rem设置 layout_width是layout设计宽度
var layout_width = 750;
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= layout_width) {
docEl.style.fontSize = '100px';
} else {
docEl.style.fontSize = 100 * (clientWidth / layout_width) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
</body>
</html>layout_width是ui设计的实际页面宽度，现在流行用750px。这样处理以后，1rem=100px这样做换算就可以了，用这个方法做了很多项目了，没有出现过rem不符的现象，你可以试试。
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？5 回答1.4k 阅读
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？5 回答1.5k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答906 阅读✓ 已解决
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答794 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.2k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.3k 阅读✓ 已解决
form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？
{代码...} {代码...} 这种基于name直接读取dom元素的写法，兼容性如何？有无标准说明？2 回答873 阅读✓ 已解决
rem布局需要引入一个自调用函数(网易的做法)
处理后100px = 1rem;