transform:translate (-50%,-50%) 造成的文字模糊和解决方案
首先先上图，图片为工作项目图片，为了避嫌，打了个码。
如图所示，为了让文字在一个div中水平垂直都居中显示，用absolute定位和transform将文字放在了一个div的中间位置，
此时字号并不小，但字体边缘模糊。
这是因为transform时div的宽度或者高度并不是偶数，移动50%之后，像素点并不是整数，出了小数，和显示像素没有对上。
解决方案是使用flex
原创
2017-04-17 14:22:40 ·
11802 阅读 ·
0 评论
关注
分享
扫一扫