在Chrome中使用css縮放iframe的模糊文本

這個問題存在一個與「CSS縮放比例」不同的其他問題。 iframe被移動到特定位置，文本將被正確顯示。而且，當移動到再次出現問題的位置時，文字將變得模糊。在Chrome中使用css縮放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",

來源

2013-12-20 user3121420

某些轉換會導致字體提示被關閉 –

與此錯誤無關。兩個屏幕截圖的文字都暗示了兩個。 – user3121420

對不起，我錯過了。我記得錯誤的細節。我相信這已經被問到了，但我找不到它。我似乎記得在chrome中有一個解決方法，用'backface-visibility：hidden'來解決問題。 '-webkit-backface-visibility：hidden;' –

嘗試字體是否在Chrome中模糊。

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

來源

2014-05-31 05:11:56

在Chrome中使用css縮放iframe的模糊文本

回答

相關問題