css - 手机app中rem的基准值计算错误

Question

1.使用html的font-size，然后通过rem设置图片高度 对页面图片的高度进行自适应，在多个手机浏览器和app内测试都没问题，但在华为荣耀i7手机的app中打开宽度会小于于屏幕宽度。
但是通过设置宽度为100%时，则不会出现这个问题；
为了适应华为荣耀i7的app,宽度都改成了百分比，但是这不是一个很好的办法，希望大家能帮我解决一下这个问题

Answer 1

你的rem不是相对于html吗？？你的这个怎么设置的是body 方且不说针对html还是body华为的手机确实有很多的特殊性，大多数的都可以通过meta标签中的一个属性值解决，具体的忘记是什么，你可以查查，类似于

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

你在查查真对华为手机还需要写哪些，都写全了，在试试

还有rem一般都是真对html的font-size的

Answer 2

谢邀。app中？自家应用的webview? 这种兼容性的坑事儿我以前也碰到过，当时是页面高度在某些手机不对。。后来没办法，一直搞不起，就换了个方案。直到安卓他们升级了应用，改了这个webview。

这个计算不准这个可能不止华为这一个手机哦，一般还有魅族！你看看。。。

css做个降级吧，判断一下，最大font-size，即使在大屏幕上，字太大也影响观感。我当年弄的font-size为20px。