一个布局在iphone6及iphone6P下有偏差的问题

Question

想要在手机端做一个这样子的效果

实现方式是：

<div class="cf">
            <img class="logo" src="/assets/img/logo.png">
            <div style="float: left;padding-left: 10px;">
                <div>这是上面的一段文字</div>
                <div style="padding-top: 2px;">这是下面的一段文字</div>
            </div>
</div>

然后限制了logo的高度为26px,fontsize为12,26=12*2+2；完美。
在iphone6下显示正常，在iphone6P下变成了大概下图这样：

猜测可能是dpr的缘故？并不是很理解其中的道理，望前辈们指点迷津。

Answer 1

可以用rem做单位 这样就一样了