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

问题描述 投票:0回答:1

我正在尝试根据浏览器(使用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)上显示的内容

我该怎么办?

javascript html css fonts size
1个回答
0
投票

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

假设您开始使用40号字体(px,em,vw等),然后将其减小到90%,新的40号字体* 90%= 36,

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.