css设计因浏览器而异，为什么？

Question

我使用下面的CSS，HTML代码在跨度之前显示L形状。但它的形状因浏览器而异。

在谷歌浏览器中 和

在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>

Answer 1

您可以使用Normalize.css

之类的内容重置css /规范化

然后应用你的风格。这将在大多数浏览器中保持一致的外观。