时间戳

首页 > 解决方案 > CSS font-size 渲染得太小，中间大小百分比不起作用

javascript - CSS font-size 渲染得太小，中间大小百分比不起作用

问题描述

我试图根据浏览器调整字体大小（使用 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）

我该怎么办？

标签： javascripthtmlcssfontssize

解决方案

尝试使用较小的递减量来减小字体大小，而不是一次减少 10%。

假设您从字体大小 40（px、em、vw 任何东西）开始，然后将其减小到 90%，那么新的字体大小是 40 * 90% = 36，

再次，当有更多内容时，您将其进一步减小到 80%，所以现在实际字体大小为 40 * 80% = 32

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

所以解决方案，1 - 5%，看看什么能给你最好的结果。

推荐阅读