【问题标题】: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/…
      • 这不是一个重复的问题,这个问题是菜单栏的问题,另一个问题与引用元素的效果完全不同。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-13
      • 1970-01-01
      • 2012-10-24
      • 2014-04-16
      • 2015-10-05
      相关资源
      最近更新 更多