转换后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);
}