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

实现方式是：

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

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

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