Safari中的负边距显示与Firefox之类的其他浏览器不同的结果

Question

我已为标题内的某些链接指定了负余量 - 顶部以获得响应式外观。但是，相同的属性不适用于Safari，文本会重叠。删除该属性后，看起来是正确的。但是在一个浏览器中调整会破坏其他浏览器中的设计。那么如何处理负利润。代码是这样的：

HTML

<ul>
   <li>
      <h4 class="txtalign">
         <a href="aaaa.com"></a>
      </h4>
   </li>
</ul>

CSS

h4.txtalign{
   margin:-25px 0 6px 8px;
   font-size:22px;
   font-family:"Arial,Verdana";
   font-weight:bold;
}

任何帮助将不胜感激。

Answer 1

您需要为包含和不包含受影响属性的浏览器调整CSS。这个答案有一些关于如何做到这一点的信息： jQuery browser detection?