为什么同一套样式 iphone比Android 高2px

Question

我写的同一套样式   比如：

    <style>
        .test{padding:10px;border:1px solid red;}
    </style>
    <div class="test">这是测试问题</div>

理论这段文字应该是水平垂直居中的，

但实际测试   Android显示效果OK

                    iPhone显示  文字处在垂直方向并不居中，大概偏上2px

请问这是个普遍性问题么？应该怎么解决？

Answer 1

设置一下body{padding:0;margin:0}可能原因就是你Android设置浏览器和苹果的浏览器默认样式不一样，可能是body的padding值在受影响