模糊文字難題:WebKit 中的CSS 縮放和Translate3d
WebKit 瀏覽器(包括Chrome)表現出一個特殊問題:SS當中的文字同時套用translate3d 時,內容會變得明顯模糊。這種行為在提供的 JS Fiddle 範例中很明顯。
JS Fiddle 範例:
故障排除:
為了緩解此問題,建議:
範例:
注意:
雖然此解決方法解決了模糊問題,但模糊但它仍然可能導致抗鋸齒效果不佳。為了增強可讀性,請考慮在 .testInner 元素內的文字中加入輕微的文字陰影。
以上是為什麼在 WebKit 瀏覽器中使用 Translate3d 和 Scale3d 時文字會模糊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!