在 Chrome 中使用 css 缩放 iframe 模糊文本答案

【问题标题】：Blurry text with css scaled iframe in Chrome在 Chrome 中使用 css 缩放 iframe 模糊文本
【发布时间】：2013-12-20 14:53:01
【问题描述】：

这道题，有一点不同于“css scale chrome”其他题。 iframe 移动到特定位置，文本将正确显示。并且，当再次移动到有问题的位置时，文本会变得模糊。

移动将是jquery的执行位置。

为什么移动iframe，文字会正确显示？

屏幕截图。 http://ggamagidev.blogspot.com/2013/12/blurry-text-with-css-scaled-iframe-in.html

它应用于 iframe，但它们失败了。

// transform: "translateZ(0)",
// "-webkit-transform": "translateZ(0)",
// "-webkit-text-stroke": "0.35px",
// "transform-style": "preserve-3d",
// "-webkit-transform-style": "preserve-3d",
// "transform-style": "flat",
// "-webkit-transform-style": "flat",
// "font-smooth":"never",
// "-webkit-perspective":1000,
// "backface-visibility": "hidden",
// "-webkit-backface-visibility":"hidden",

【问题讨论】：

一些转换导致字体提示被关闭
与这个bug无关。两个屏幕截图的文字都被暗示了。
对不起，我说错了。我记错了问题的细节。我相信这已经被问过了，但我找不到。我似乎记得在 chrome 中有一个解决方法，backface-visibility: hidden 可以解决这个问题。 -webkit-backface-visibility: hidden;
'-webkit-backface-visibility: hidden;'失败的。 iframe 中的所有文本都被模糊了。
这个模糊问题你解决了吗？

标签： css google-chrome iframe scale blur

【解决方案1】：

如果字体在 chrome 中模糊，请尝试。

正文 {-webkit-text-stroke: 0px!important;-webkit-font-smoothing: antialiased !important;}

【讨论】：