CSS 字体大小渲染得太小，中间大小百分比不起作用
CSS font-size is rendered too small, in-between size percentage does not work
我正在尝试根据浏览器调整字体大小（使用 Javascript 和 CSS）。已经获得了检测浏览器的代码，现在检测到了 Firefox。我尝试像这样设置字体大小：
document.getElementById("parag1").style.fontSize = "80%";
但是渲染的段落字体太小了。浏览器从正常文本大小跳到太小，而不是逐渐减小大小。实际上，即使使用内联设置字体大小 CSS (style="font-size:90%;") 也会给我呈现的大小太小。
opera 和 firefox 中都存在字体大小渲染跳跃。
这不是字体大小页面上显示的内容 (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
我该怎么办？
尝试使用较小的减量来减小字体大小，一次不要减少 10%。
假设您从字体大小 40（px、em、vw 任意）开始，然后将其减小到 90%，新字体大小是多少 40 * 90% = 36，
再次当有更多内容时，您将其进一步减少到 80%，所以现在实际字体大小为 40 * 80% = 32
这就是您看到字体大小差异很大的原因。
所以解决方案，1 - 5%，看看什么给你最好的结果。
所以我尝试使字体系列相同 (Arial)，然后使两者的字体大小相同（例如 100%）。这似乎使两个浏览器呈现相同的文本，因为它们采用相同的 space （因此我不需要浏览器检测）。
文字大小现在似乎还可以，不知道是不是上面的修复，或者我之前没有看到差异（确实确实是一个很大的跳跃）。
我正在尝试根据浏览器调整字体大小（使用 Javascript 和 CSS）。已经获得了检测浏览器的代码，现在检测到了 Firefox。我尝试像这样设置字体大小：
document.getElementById("parag1").style.fontSize = "80%";
但是渲染的段落字体太小了。浏览器从正常文本大小跳到太小，而不是逐渐减小大小。实际上，即使使用内联设置字体大小 CSS (style="font-size:90%;") 也会给我呈现的大小太小。
opera 和 firefox 中都存在字体大小渲染跳跃。
这不是字体大小页面上显示的内容 (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
我该怎么办？
尝试使用较小的减量来减小字体大小，一次不要减少 10%。
假设您从字体大小 40（px、em、vw 任意）开始，然后将其减小到 90%，新字体大小是多少 40 * 90% = 36，
再次当有更多内容时，您将其进一步减少到 80%，所以现在实际字体大小为 40 * 80% = 32
这就是您看到字体大小差异很大的原因。
所以解决方案，1 - 5%，看看什么给你最好的结果。
所以我尝试使字体系列相同 (Arial)，然后使两者的字体大小相同（例如 100%）。这似乎使两个浏览器呈现相同的文本，因为它们采用相同的 space （因此我不需要浏览器检测）。
文字大小现在似乎还可以，不知道是不是上面的修复，或者我之前没有看到差异（确实确实是一个很大的跳跃）。