移动端元素的宽度自适应，刷新页面的时候元素宽度会有变化？列表的li数量增加后字体大小会变化？

Question

我用的布局方案是这个：手机端页面自适应解决方案—rem布局（进阶版，附源码示例）
移动端元素的宽度自适应

刷新页面的时候元素宽度会有变化

就刷新了页面，其他什么都没有做

然而我在同事的电脑上试了下却并没有这个问题

同时在自己电脑上的谷歌，360有这问题，火狐浏览器也不存在这问题（同事用的是谷歌）

是什么原因造成的？该怎么处理？

Answer 1

兄弟写移动端项目最好用rem，然后把这个放里面
html {

  font - size: 20 px;

}
@media only screen and(min - width: 401 px) {

  html {
      font - size: 25 px!important;
  }

}
@media only screen and(min - width: 428 px) {
html {

     font - size: 26.75 px!important;
 }

}
@media only screen and(min - width: 481 px) {

 html {
     font - size: 30 px!important;
 }

}
@media only screen and(min - width: 569 px) {

 html {
     font - size: 35 px!important;
 }

}
@media only screen and(min - width: 641 px) {

 html {
     font - size: 40 px!important;
 }

}