CSS：不同的宽度和高度，以像素为单位，具有相同的值

Question

在CSS中，我有一个1em方格div：

.mydiv {
  width: 1em;
  height: 1em;
}

但由于1em = 15.4375px和高度分辨率必须与宽度分辨率不同，因此正方形看起来不是正方形而是矩形。

有人经历过这个吗？ 有没有办法解决这个问题？也许一个CSS函数可以在em中围绕px？