【问题标题】:Absolute position text issues with Chrome on MacMac 上 Chrome 的绝对位置文本问题
【发布时间】:2018-08-27 10:24:53
【问题描述】:

我正在开发一个网站,目前正在开发中,我发现只有在 Mac 版 Chrome 上,绝对位置的文本才会断成两行。这不会发生在 PC 版 Chrome 或 Safari 上。开发链接为http://boldoriginal.com/sites/lana/,截图供参考:

如果我从文本中删除 Absolute 属性,它会变直。我对 Mac 的怪癖并不完全熟悉,所以我觉得这是一个常见问题,但我找不到任何相关信息。

【问题讨论】:

  • 在 Stack Overflow 上提问时,请构建一个 minimal reproducible example 来展示您的问题,而不是链接到您的网站——因为,一旦您修复了您网站上的错误,这个问题将变得毫无用处未来的用户。
  • 我看到人们一直在发布带有实时链接的屏幕截图
  • 是的,你知道。这些问题最终往往会被关闭,但审查队列不能总是跟上。这是一场艰苦的战斗。
  • 好的,那么这里有一个更新,文本是 .class { position: absolute; } 并且文本换行到第二行。
  • 好的,那么这里有一个同样详细的答案:文本的容器太小了。使容器更大。

标签: css google-chrome css-position absolute


【解决方案1】:

给元素width: 100%

【讨论】:

    【解决方案2】:

    问题在于文本渲染:optimizeLegibility;对于其他有此问题的人。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-04
      • 1970-01-01
      • 2019-02-22
      • 2016-05-29
      • 2020-07-03
      相关资源
      最近更新 更多