transform：translateX导致文本模糊

时间：2016-06-22 04:14:23

标签： html css css3

我一直在为此疯狂并且尚未找到解决方案，如果正在应用transform，则div中的任何内容都会因某种原因而失效。 虽然这只发生在chrome。

我尝试过使用Webkit样式声明：-webkit-font-smoothing但我没有成功。

div CSS：

#divId {
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(-52%);
        transform: translateX(-52%);
}

下面是2张图片，显示了有transform和有EXEC(@sql)的区别， 第一个是变换，第二个是没有变换。感谢

with transform

without transform

1 个答案:

答案 0 :(得分：1)

尝试移动没有变换的div 比如使用{position：relative; left：-52％;} 变换通常会改变文本或img的质量（如翻译或缩放），据我所知，没有100％准确地解决这个问题

相关问题
最新问题