当前位置: 首页 > 面试题库 >

如何根据容器大小设置字体大小?

谢诚
2023-03-14
问题内容

我有一个具有%宽度和高度的容器,因此它可以根据外部因素进行缩放。我希望容器内的字体相对于容器的大小是恒定的。有没有什么好方法可以使用CSS做到这一点?将font- size: x%根据原来的字体尺寸(这将是100%)将只缩放字体。


问题答案:

您也许可以使用CSS3通过计算来做到这一点,但是使用JavaScript可能更安全

使用JS,您可以更改文本的高度,然后在调整大小的过程中将相同的计算简单地绑定到调整大小的事件,以便在用户进行调整时进行缩放,或者允许您调整元素的大小。



 类似资料:
  • 我有一个容器有%的宽度和高度,所以它根据外部因素进行缩放。我希望容器内的字体是一个恒定的大小相对于容器的大小。使用CSS有什么好的方法可以做到这一点吗?将只根据原始字体大小(100%)缩放字体。

  • 我有一个java应用程序-一个计算器。我想通过调整应用程序窗口的大小来动态调整按钮的字体大小。如何实现? 我的想法是使用ComponentEvents。我有应用程序窗口的初始大小和初始字体的大小。我想根据按钮的大小改变字体大小,受窗口大小变化的影响。问题是如何在覆盖方法中使用比例[初始窗口大小]/[初始字体大小]?每个字体的比例都不同。

  • 我正在尝试将文本放入一个有限的空间(黄色容器)。如何在Android中解决这个问题? 在iOS中,该问题通过adjustsFontSizeToFit={true}解决。 我的代码:

  • 问题内容: 它由9个框组成,中间带有文本。我已经制作了框,以便它们可以随着屏幕大小的变化而调整大小,以便始终保持在同一位置。 但是,即使我使用百分比,文本也不会调整大小。 如何调整文本的大小,使其在整个页面上始终具有相同的比例? 这是处理多种分辨率的合适解决方案吗?还是我应该在CSS中进行很多检查并为每种媒体类型设置许多布局? ``` html, body { } #launchmain { }

  • 问题内容: 我需要根据用于调整容器大小的缩放因子来调整多个JLabel的字体大小。为此,我将每个JLabel的字体设置为null,以便它们采用容器的字体。它有效,但也会产生奇怪的结果。 具体来说,文本似乎“滞后”在容器后面,有时甚至被截断。我想避免这种行为。任何想法如何? 模拟行为的示例代码: 图片:http : //i.stack.imgur.com/tZLOO.png 谢谢, -s 问题答案:

  • 我使用gnuplod4.4.3绘制一些直方图。 我的问题和这个问题很相似:gnuplod-x-标签-直方图中的位置 但我想把新的柱状图标题放大。我所说的新柱状图标题是指XTIC标签下方的标题(即上面链接中的“1:j”、“2:j”、“3:j”)。 我试过: 但这只会使xtic标签更大。 我还尝试: 同样,没有注意到任何变化。 有什么帮助吗?