H5常见兼容性解决

1.ios底部导航栏被小黑条遮住的情况，是ios的话，就加上

 @supports (bottom: env(safe-area-inset-bottom)) {}

@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio : 3) {
    @supports (bottom: env(safe-area-inset-bottom)) { 
        .index-footer {
            padding-bottom: env(safe-area-inset-bottom);
        }
    }
}

2.ios input输入框圆角

input{
    -webkit-appearance: none;
    border-radius: 0;
}

........