問:有沒有什么方法——使用普通的css/html/js(理想情況下不需要畫布、svg或圖像)——將大寫字母的可視大小調整到精確的像素高度？

當前方法:定義一個包含文本/字符的span元素，并使用transform: scale(x，y)調整它的css。這里的問題是，在這樣做的時候，雖然跨度高度調整得很好，但是其中的文本在頂部/底部包含空白(上升/下降？)防止它自己“填充”跨度。下面是一個例子，嘗試將一個字母垂直縮放到5倍(添加的邊框是為了顯示字母頂部/底部的空白)

.ms{
  display: inline-block;
  font-family: "Courier";
  font-size: 14px;
  border: 1px solid gray;
  transform-origin: left top;
  transform: scale(1,5);
}

<span class="ms">M</span>