css - Chrome 中带有 css 缩放 iframe 的模糊文本

Question

这道题，和“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",

Answer 1

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

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