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

原因:transform的元素的宽度和高度并不是偶数,移动了50%之后,像素点并不是整数,此时出现了小数,和显示像素不对应。

解决方案:1.增加或减少1个像素点即可(猜测这也是为什么移动端设计稿标注图需要按照iPhone6的750或者安卓的650来)

2.如果为了实现垂直居中,采用其他方法

发表评论

电子邮件地址不会被公开。 必填项已用*标注