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

하위 버전의 Android는 제대로 지원되지 않습니다. . .

Answer 3

패딩을 제거하고 line-height를 직접 사용하여 범위 높이를 설정하세요.

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, 글꼴의 수직 정렬을 재설정합니다.
2, 글꼴 최적화를 끕니다.
3, 기본 글꼴을 설정합니다. 예를 들어 ：font-family: sans-serif;

기본적으로는 괜찮습니다. (Meizu와 같은 맞춤 글꼴 ROM이 있는 Android는 제외)