圓圈變形！電腦版看正常，但是手機版不正常！

Question

css

.bbb
    outline: none;    font-size: 20px;    position: relative;    width: 40px;    height: 40px;    border: 2px #177CE9 solid;    background-color: #fff;    display: inline-block;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;    color: #177CE9;    border-radius: 50%;

html

<button class="bbb type="button">－</button>

電腦版看是正常的

但是裝置就不正常了
ios:不管谷歌遊覽器或safari

這是咋回事
電腦上看都是正常的

Answer 1

把button的默认padding去掉 padding:0px

Answer 2

试试 display：block