css - 在 windows chrome 和 windows firefox 上按顶部剪切的文本

Question

我已经检查了跨浏览器，除了在 Windows 机器上一切正常。奇怪的是 IE 看​​起来不错，但 windows 机器上的 chrome 和 firefox 对菜单项有奇怪的影响。正如您在本文中看到的那样，文本是从上面剪切的。

字体大小为 12 像素，如果我将字体大小更改为 13 像素或 11 像素，问题就解决了，但我不想更改字体大小。我可以使用另一个技巧吗？以前有人遇到过这个问题吗？

Answer 1

我现在找到的唯一解决方案是将字体大小更改一个像素。因此，此时字体可以font-size:13px;正常工作......但我想找到另一种解决方案，因为也许有一天我不会；由于设计紧凑，我无法选择更改字体大小。请让我知道是否有人对此有不同的解决方案。

Answer 2

css 和 html 代码会很有帮助，如果可行，请尝试line-height:3%或padding-top:5px;
自定义属性值！