css設計因瀏覽器而異瀏覽器爲什麼？

我使用下面的CSS，HTML代碼在跨度之前顯示L形狀。但其形狀因瀏覽器而異。css設計因瀏覽器而異瀏覽器爲什麼？

在谷歌瀏覽器和

在Internet Explorer

.bulletInline::before { 
 
    font-family: Roboto, sans-serif; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    margin-right: 0px; 
 
    display: inline-block; 
 
    font-weight: bolder; 
 
    font-size: 32px; 
 
    width: auto; 
 
    height: auto; 
 
    color: #BABABA; 
 
    content: ' ⌞ '; 
 
}

<dl> 
 
    <dt> 
 
     <span class="bulletInline"> </span> 
 
    </dt> 
 
</dl>

來源

2017-03-07 Vishnu Sadanandan

變異是什麼意思？他們看起來是一樣的我在Chrome和IE11 – Nope

過這個來了，也許它可以幫助►（http://stackoverflow.com/questions/4633443/ [**的Unicode特殊字符在Firefox與Chrome瀏覽器/ IE **看起來不同] unicode-special-characters-appear-different-in-firefox-vs-chrome-ie）和 – Nope

當我在Chrome，Firefox，IE中運行代碼片段時。我有三個不同的L形（我的意思是他們的字體粗細） –

您可以使用類似Normalize.css

重置CSS /正常化它

然後應用您的樣式。這將在大多數瀏覽器中保持一致的外觀。

來源

2017-03-07 12:05:26 ajcodez

雖然這是真的，當涉及到特殊字符，如'☺☻♥♦♣♠'等全盤皆輸的他們不是「標準」角色，雖然他們中的很多人確實發生了事情。 – Nope

@Fran是啊！確實如此！！ – ajcodez

css設計因瀏覽器而異瀏覽器爲什麼？

回答

相關問題