使用手淘flexible在苹果和安卓手机缩放比例不一样

Question

  <div class="company">
      <h1>公司主页</h1>
      <h1 class="box">{{count}}</h1>
  </div>

<style lang="scss">
  .box{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #2b7ed2;
    text-align: center;
    font-size: 0.7rem;
    color: #fff;
  }
</style>

在iPhone6下

在三星note3下

求问怎么解决？

Answer 1

用了flexible是不能这么简单的用px的，得转化成rem。
推荐你看这个文章http://www.w3cplus.com/mobile...
里面介绍的很详细

Answer 2

width height line-height计量单位为什么还用px，用了flexible就配合使用rem啊

Answer 3

如果是px的话，css要加[dpr="xx"]的判断，跟字体设置同理。