css - 转换后 Firefox 边框搞砸了

Question

这发生在 firefox 上，我在一个元素上有一个边框，如果我转换该元素，边框就会变得一团糟。它在监视器屏幕上更为明显。

<div>
  Hello World
</div>

div {
  border: 1px solid black;
  transform: scale(0.625, 0.625) translate(50px, 50px);
}

https://jsfiddle.net/tcspd7za/1/

Answer 1

变通可能会解决您的问题。尝试添加:-moz-transform: scale(.9999);

div {
  border: 1px solid black;
  transform: scale(0.625, 0.625) translate(50px, 50px);
  -moz-transform: scale(.9999);
}