【问题标题】:CSS letter-spacing SAFARICSS 字母间距 SAFARI
【发布时间】:2013-04-05 21:35:19
【问题描述】:

我有我喜欢的网站,跨浏览器,虽然我在 CSS 中有字母间距,但在 safari 中它不理解我所拥有的,它破坏了设计 - 有什么建议吗?这是 CSS:

body 
{
margin: auto;
font-family: 'Lato';
letter-spacing:0.50px;
font-size: 14px;
color: #999; 
font-weight: normal;
}

它似乎没有给它任何东西。它在 Mozilla Firefox 中运行良好

【问题讨论】:

  • 没有半个像素这样的东西。
  • 据我所知,没有半像素这样的东西。我会将其设置为 1 或 0。FF 和 Chrome 可能会在渲染时自动修复它。
  • 虽然实际结果通常是四舍五入的,可能会被忽略等,但浏览器理解浮点像素值。见herehere
  • 基本上,如果您不喜欢字体的间距,请使用不同的字体。在body 上设置letter-spacing 意味着不信任您选择的字体。

标签: html css safari letter-spacing


【解决方案1】:

Webkit 浏览器(Safari、Chrome)与 Gecko (Mozilla) 不同。因此,请使用1px 而不是0.5px,因为Webkit 将向下舍入为0,而Mozilla 将向上舍入。

【讨论】:

    【解决方案2】:

    Chrome/Blink 前段时间已修复此问题,因此这应该适用于当前稳定版本:http://src.chromium.org/viewvc/blink?view=revision&revision=153727

    Webkit 刚刚修复了这个问题,因此您需要稍等片刻才能让它在 safari 和其他基于 webkit 的浏览器上运行: http://trac.webkit.org/changeset/161521

    【讨论】:

      猜你喜欢
      • 2013-12-03
      • 1970-01-01
      • 2013-04-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-01
      • 2011-05-20
      • 1970-01-01
      相关资源
      最近更新 更多