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 中標(biāo)簽都不顯示,雖然子元素有寬高和字體大小
是因為父元素中font-size權(quán)重較大導(dǎo)致的,注釋掉就顯示了/font-size: 0;/,此現(xiàn)象在ios10以及以下正常,安卓正常

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評論 1 92
  • 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認(rèn)識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,662評論 0 30
  • 一.CSS描述 CSS全稱為“層疊樣式表(Cascading Style Sheets)”,它主要是用于定義HTM...
    snowy_sunny閱讀 1,101評論 0 4
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,094評論 0 1
  • 昨天在一個超鏈接處添加了一個事件,希望在跳轉(zhuǎn)之前向后臺發(fā)送一個請求,結(jié)果在$.post的回調(diào)函數(shù)中添加的e.pre...
    JasonQiao閱讀 718評論 0 5