transform:translate (-50%,-50%) 造成的文字模糊和解决方案_文字的transform中的translate

问题已经解决，没有截图 ，文字记述下

css3  transform:translate (-50%,-50%)   常用来给元素做水平+垂直居中

如果修正幅度不大，倒没什么，修正幅度过大，就会导致dom元素尤其是文字出现模糊，在chrome下非常明显

即，父元素宽高越大，子元素经过transform:translate样式修正过，模糊现象就越明显

原因是，transform时div的宽度或者高度并不是偶数，移动50%之后，像素点并不是整数，出了小数，和显示像素没有对上。

解决方法也比较简单，把父元素设置为

.parent{
    display:flex;
    justify-content:center;  //水平居中
    align-items:center;  //垂直居中
}

修复很简单，排查出这个问题很麻烦，给我查吐了