我正在尝试根据浏览器（使用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）上显示的内容
我该怎么办？
答案 0 :(得分：0)
尝试以较小的减小幅度减小字体大小，而不是一次减小10％。
假设您从40号字体（px，em，vw等）开始，然后将其减小到90％，那么新的字体大小是40 * 90％= 36，
同样，当有更多内容时，您将其进一步减小至80％，因此现在的实际字体大小为40 * 80％= 32
这就是您看到字体大小差异很大的原因。
所以解决方案为1-5％，然后看看能给您带来最佳效果的
答案 1 :(得分：0)
因此，我尝试将字体系列设置为相同的（Arial），然后将两者设置为相同的字体大小（例如100％）。这似乎使两个浏览器呈现的文本相同，因为它们占用的空间相同（因此，我不需要为此进行浏览器检测）。
现在调整文本大小似乎还可以，不知道是否已完成上述修复，或者我只是较早地没有看到区别（确实确实是一个很大的进步）。