电脑上排版是满页的，在手机上看，字体变小了，下面有很大的空白了。
css属性font-size：12px；
怎样才能让电脑上和手机上看到的文字大小一致呢？
页面头部已经添加了：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
白色DIV是固定px值的；
然后又根据屏幕的尺寸，动态计算了transform: scale(0.741538);
页面是自动缩放到刚合适屏幕展示的。
经过测试和transform缩放无关，和viewport无关，font-size：1em也会变小。目前还是不知道是哪里的原因，字体会小一些。
看截图好像没写viewport(所以看到的其实是整个页面缩小的效果，字当然也会小咯)，最好写一下吧，然后再视情况做响应式处理（重新排版，包括处理布局、缩放及DPR响应等）。
那就看下设备DPR呗，log下window.devicePixelRatio的值
<head></head>中加入以下内容：
极客观点
项目管理
HarmonyOS
html5
<meta name="viewport" content="width=device-width, initial-scale=1.0">9 回答10.2k 阅读
4 回答8.6k 阅读✓ 已解决
7 回答10.7k 阅读
5 回答8.2k 阅读
3 回答7.1k 阅读✓ 已解决
2 回答11.2k 阅读✓ 已解决
6 回答2.4k 阅读
最后发现应该是字体不一样引起的。这段文字没有指定字体，电脑上默认是微软雅黑，但是手机上默认的不是微软雅黑，有细微的区别的和误差。