在 windows chrome 和 windows firefox 上按顶部剪切的文本答案

【问题标题】：text cut by the top on windows chrome and windows firefox在 windows chrome 和 windows firefox 上按顶部剪切的文本
【发布时间】：2013-11-28 15:05:33
【问题描述】：

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

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

【问题讨论】：

标签： css google-chrome firefox cross-browser font-size

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

我删除了您正在使用的字体系列并将字体大小更改为 12px，它的工作正常，将 style.css nav 属性中的 font-family: telegrafico,serif; 更改为一些其他字体系列并检查
我知道这可能是问题所在，网络上的字体在 12px 下无法正常工作。解决方案不应该是更改所有导航中使用的字体。我将像素大小从一个像素更改为有效，这不是我想要的，但如果我必须在更改字体系列或字体大小之间进行选择，我会选择将字体大小更改 1 px。
请不要重复问题。 stackoverflow.com/questions/19996913/…
这不是一个重复的问题，这个问题是菜单栏的问题，另一个问题与引用元素的效果完全不同。