safari的CSS默认字母间距与其他浏览器不同

Question

我有一个包含文本的特定宽度的div。 Chrome中的字母间距很大，在Firefox中有点不同，在Safari中也有很大不同，所以我给div的宽度不足以容纳Safari中包含的文本。这是a link to my page that is bugging

我在css中没有任何关于字母间距的行，所以我猜这是一个默认属性。 注意字母最后是如何重叠的！我该如何解决这个问题？

Answer 1

鉴于Mac上的Safari显示字体的方式不同，我认为最好的办法是添加特定于浏览器的格式。

请参阅此问题，了解如何使用JavaScript添加Mac Safari类：How to target Safari for Mac only?

以下内容应该是一个充分的测试，而不是上述链接中答案的测试：

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1)