css - 手机app中rem的基准值计算错误
天蓬老师
天蓬老师 2017-04-17 11:53:05
0
2
781

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
左手右手慢动作

你的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的

洪涛

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板