Math 大元素的数学尺度小于小元素

xxx类的10个元件具有不同的宽度和高度。Puting transform:scale（1.1）明显放大了大的，但小的几乎没有显示差异。这是糟糕的UX。数学问题是如何使较大元素的比例小于较小元素的比例：
宽度10应获得1.1的刻度
宽度5应为刻度1.2

---

我如何从数学上解决这个问题？

这个问题缺乏背景和细节，因此很难给出一个总体上有意义的答案。然而，给出的示例表明了以下解决方案：

x_new = 1 + 1/x_old

其中，

x_old

是输入值，即10或5。

---

根据上下文的不同，使用对数缩放而不是仅使用

1/x_old

可能是另一种选择。

为了说明我制作这些笔的场景：

非对数标度：

对数比例：

---

“较大的元素会被放大，而较小的元素几乎不会被放大”和“我希望更小的元素被放大，然后缩小”：这到底是什么意思？

var inlineStyle = ''

var divs = document.getElementsByTagName('div')
var len = divs.length
while(len--) {
  var elWidth = divs[len].offsetWidth
  var scale = 1+9/elWidth
  inlineStyle += `#${divs[len].id}:hover {
    transform: scale(${scale})
    }`
}
document.getElementById('lolStyle').innerHTML = inlineStyle