css - Strange padding in ios14

Question

As can be seen from the below picture, we can find a white padding in the middle of gray background and blue border. It is STRANGE because the padding is not set by code or style, and it just happend in ios14+ version.

box css style:

.box{
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    background: $colorWhite;
    box-shadow: 0px 14px 32px rgba(0, 0, 0, 0.08), 0px 2px 16px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    outline: 1px solid red;
    border-right: 1px solid blue;
}

Answer 1

等待大神答复