H5在ios11兼容性问题

遇到一个问题:

.showtime {
                    position: absolute;
                    top: 0;
                    left: 0;

                    font-size: 0;

                    width: 100%;
                    height: 0.38rem;
                    text-align: center;
                    margin:0 auto;
                    line-height: 0.38rem;

                    span{
                        height: 0.38rem;
                    }
                    .text{
                        display: inline-block;
                        font-size: 0.16rem;
                        letter-spacing: 0;
                        margin-top: -0.01rem;
                        margin-right: .1rem;
                        color: #333333;
                        line-height: 0.38rem;
                      }
                }

.showtime 中标签都不显示,虽然子元素有宽高和字体大小
是因为父元素中font-size权重较大导致的,注释掉就显示了/font-size: 0;/,此现象在ios10以及以下正常,安卓正常

你可能感兴趣的:(H5在ios11兼容性问题)