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

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