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设计因浏览器而异浏览器为什么？

回答

相关问题