after,before相容性問題

2021-08-11 15:05:18 字數 882 閱讀 1664

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

rem引用如下:

// 動態設定html的rem(最好放在這裡,不然樣式載入出來沒進行單位換算,整體樣式會緊湊在一起。) 

document.documentelement.style.fontsize = document.documentelement.clientwidth / 7.5 + 'px';

視口標籤meta設定如下:

name="viewport"

content="initial-scale=1,maximum-scale=1, minimum-scale=1">

截至於google瀏覽器除錯視窗,該視窗下所有元素的紅色實線均能正常顯示下面這圖是能正長顯示:

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

未除錯之前**如下:

除錯之後**也就是更改為1px之後的**:

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

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...

ie placeholder屬性的相容性問題

html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到上面時候,提示文字會消失,失去焦點之後,又會出現 但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性 placeholder功能實現 var p...

IE7相容性問

1.背景顏色 background rgba 255,255,255,1 background ffffff important 這樣的hack沒有起作用,為啥呢。2.li高度的bug 導致了ie6 7與其他瀏覽器不相容,ie的高度得是 offset的高度,原來這是ie的乙個bug,貌似只有li才有...