after,before兼容性問題

在安卓6.0.1、EUI5.9.026S下(樂視le x528),元素寬度變大,高度設置爲 .01rem。僞元素after定義的實線不顯示。見下圖


rem引用如下:

  // 動態設置html的rem(最好放在這裏,不然樣式加載出來沒進行單位換算,整體樣式會緊湊在一起。) 
  document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

視口標籤meta設置如下:

<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

圖片截至於google瀏覽器調試窗口,該窗口下所有元素的紅色實線均能正常顯示
下面這圖是能正長顯示:
這裏寫圖片描述

下面是不正常的情況下,當積分值變寬這條虛線就會不顯示,除目標機外再已測的手機中未見到未顯示的情況:
這裏寫圖片描述


未調試之前代碼如下:
這裏寫圖片描述

調試之後代碼也就是更改爲1px之後的代碼:
這裏寫圖片描述


具體爲什麼寬度變大,.01rem就不能被識別,並不清楚

發佈了112 篇原創文章 · 獲贊 24 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章