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

问题描述

<span>管理员</span>

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

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

问题解答

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

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

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

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

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

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