CSS 比例具有固定边框大小？

Question

在使用 CSS 缩放对象时，有什么方法可以保持边框大小固定吗？

我有一个具有以下样式的对象

.myObj{
   width:100px;
   height:100px;
   border:1px solid red
}

当我缩放该对象时，该对象的边框也会正常缩放。但如何才能将其保持在 1px 呢？

Answer 1

我相信你必须转换宽度和高度（以及你需要的任何其他内容）而不是使用scale.

.box {
  transition: 1s;
}

.box:hover {
  width: 200px;
  height: 200px;
}