Chrome中具有CSS缩放的iframe的模糊文本 [英] Blurry text with css scaled iframe in Chrome

问题描述

这个问题，有一点与"css chrome chrome"其他问题有所不同. 将iframe移到特定位置，文本将正确显示. 并且，当再次移动到有问题的位置时，文本将变得模糊.

This question, there is a point that is different from the "css scale chrome" other questions. iframe is moved to a specific location, text will be displayed correctly. And, when moved to a position where there is a problem again, the text will be blur.

移动将执行jquery的位置.

Move will be executed position of jquery.

为什么移动iframe会正确显示文本?

Why iframe is moved, text will be displayed correctly?

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

它已应用于iframe，但失败了.

It is applied to the iframe, but they failed.

// 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",

推荐答案

尝试在chrome中模糊字体.

Try if font blurred in chrome.

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

这篇关于Chrome中具有CSS缩放的iframe的模糊文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！