CSS字体大小太小，介于中间的百分比不起作用

Question

我正在尝试根据浏览器（使用Javascript和CSS）调整字体大小。有了可以检测浏览器的代码，现在可以检测到Firefox。我尝试像这样设置字体大小：

document.getElementById("parag1").style.fontSize = "80%";

但是段落的字体大小太小。浏览器从正常文本大小跳到太小，而没有逐渐减小大小。实际上，即使使用内联CSS (style="font-size:90%;")设置字体大小也无法提供渲染的大小。

歌剧和Firefox中都存在字体大小渲染跳转。

这不是字体大小页面（https://developer.mozilla.org/en-US/docs/Web/CSS/font-size）上显示的内容

我该怎么办？

Answer 1

尝试以较小的减小量一次减小字体大小，而不是一次减小10％。

假设您开始使用40号字体（px，em，vw等），然后将其减小到90％，新的40号字体* 90％= 36，

同样，当有更多内容时，您将其进一步减小至80％，因此现在的实际字体大小为40 * 80％= 32

这是您看到字体大小差异很大的原因。

所以解决方案是1-5％，然后看能给您带来最佳结果的方法。