css - 安卓内嵌H5，padding边距上下不一致

Question

<span>管理员</span>

    border-radius: .07rem;
    padding: .05rem .1rem;
    color: #fff;
    background-color: #EE3120;

PC上是正常的，安卓webview里明显上下边距不一致，除了修改padding top和bottom的值，还有别的解决办法吗

Answer 1

解决了，使用button做容器就不会出现这样的问题

Answer 2

低版本的安卓有些支持的不好。。。

Answer 3

去掉padding，直接用line-height设置span的高度。

Answer 4

<span style="height: 30px;line-height: 30px;display:inline-block;padding:0px 10px;border-radius: 5px;color: #ffffff;background-color: #EE3120;">试一试</span>
很简单，我写在一起了，手机里面是这样

Answer 5

1，字体的垂直对齐reset；vertical-align: baseline;
2，关闭字体优化；-webkit-text-size-adjust: 100%;
3，制定设备的默认字体；比如：font-family: sans-serif;

这样基本可以；(除魅族这种自订字体rom的安卓外)