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。