使文字大小适合移动野生动物园？

Question

在iPhone网络应用程序中，我有一个50x50的方形div，应该包含1到12之间的数字。我希望缩放数字文本以适合div。例如，数字12可能需要按比例缩小，因为它比数字1宽。

我正在寻找的确切效果是原生iPhone文字标签使用的adjustSizeToFitWidth属性。

最有效的方法是什么？

• CSS（3） - 因为渲染速度而优选，但可能无法实现。
• Javascript - 之前我已经使用过此功能，但初始加载和文本大小调整之间会有明显的障碍。
• 画布 - 我知道缩放画布元素会导致它的内容被缩放，但是你可以在画布中绘制文字，其大小适合完美或能够你只使用确切的字体大小？