transform translate3d导致字体模糊

当元素进入GPU中渲染时，在Chrome35+中的字体为grayscale渲染，IE11和FF30保持sub-pixel渲染不变。若transform值函数(如translate3d(), scale(), rotate()等)中的参数为非整数，会导致字体模糊。

vant 弹出框 遇到字体模糊重叠问题。

解决办法是保证弹出框的宽和高都是偶数。

transform: translate(-50%, -50%);
width:400px;
height:308px;

如果高度不固定，保证动态高度是偶数就可以。