javascript - 手机页面字体 问题

Question

开发了个手机页面字体用rem设置，手机webview页面打开时字体先变大后回复正常，直接用手机浏览器打开是正常的，这是为啥？

Answer 1

你怎么设置的

Answer 2

你这个问题是因为你用了rem,初始化页面的时候，你的字体字号是可能是px正常的大小，但是你用js去重新计算了一下字体的大小，所以就会出现页面可能会缩在一起后来变大的情况，也可能会出现页面元素很大，后来变正常的情况。
解决的办法是：把计算rem的js放在页面的最顶部试试。如有问题再来call me 。

Answer 3

@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;border:0;list-style:none; text-decoration:none;font-family: "微软雅黑";}
body,html{ height:100%; font-size:0.5rem;}
html{font-size:62.5%; /* 10÷16=62.5% */}
body {
    width:16rem;
    height:auto;    
    margin: 0 auto;
    color: #3d3d3d
}
img {
    display: block;
    border: 0;
}
.pad10 {
    padding-left: 0.25rem;
}
.marle10 {
    margin-left: 0.25rem;
}
.marbu10 {
    margin-bottom: 0.25rem;
}
.cle {
    clear: both
}
strong {
    font-weight: bold;
    color: #ff7101
}
.fleft {
    float: left
}
.frig {
    float: right
}
.red{ color:red}

另外

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