如何根据容器大小设置字体大小？[副本]
我有一个容器有%的宽度和高度，所以它根据外部因素进行缩放。我希望容器内的字体是一个恒定的大小相对于容器的大小。使用CSS有什么好的方法可以做到这一点吗？font-size:x%将只根据原始字体大小（100%）缩放字体。
共有2个答案
如果要将font-size设置为视区宽度的百分比，请使用vw单位：
#mydiv { font-size: 5vw; }
另一种选择是使用嵌入在HTML中的SVG。就几行而已。text元素的font-size属性将被解释为“用户单元”，例如，视口定义的用户单元。因此，如果您将viewport定义为0 0 100 100，那么font-size为1将是svg元素大小的百分之一。
不，在使用计算的CSS中没有办法做到这一点。问题是，用于font-size的百分比（包括计算中的百分比）是根据继承的字体大小来解释的，而不是容器的大小。CSS可以为此使用一个名为bw（框宽）的单元，所以可以说div{font-size:5bw；}，但我从未听说过有人提出过这种方法。
您可能可以通过CSS3使用计算来实现这一点，但是使用JavaScript可能更安全。
下面是一个示例:http://jsfidle.net/8trtu/
使用JS，您可以更改文本的高度，然后简单地将相同的计算绑定到一个调整大小事件，这样它就可以在用户进行调整时缩放，或者在您允许调整元素大小的情况下缩放。
-
问题内容： 我有一个具有％宽度和高度的容器，因此它可以根据外部因素进行缩放。我希望容器内的字体相对于容器的大小是恒定的。有没有什么好方法可以使用CSS做到这一点？将根据原来的字体尺寸（这将是100％）将只缩放字体。 问题答案： 您也许可以使用CSS3通过计算来做到这一点，但是使用JavaScript可能更安全。 使用JS，您可以更改文本的高度，然后在调整大小的过程中将相同的计算简单地绑定到调整大小
-
我有一个java应用程序-一个计算器。我想通过调整应用程序窗口的大小来动态调整按钮的字体大小。如何实现？ 我的想法是使用ComponentEvents。我有应用程序窗口的初始大小和初始字体的大小。我想根据按钮的大小改变字体大小，受窗口大小变化的影响。问题是如何在覆盖方法中使用比例[初始窗口大小]/[初始字体大小]？每个字体的比例都不同。
-
问题内容： 它由9个框组成，中间带有文本。我已经制作了框，以便它们可以随着屏幕大小的变化而调整大小，以便始终保持在同一位置。 但是，即使我使用百分比，文本也不会调整大小。 如何调整文本的大小，使其在整个页面上始终具有相同的比例？ 这是处理多种分辨率的合适解决方案吗？还是我应该在CSS中进行很多检查并为每种媒体类型设置许多布局？ ``` html, body { } #launchmain { }
-
我正在尝试将文本放入一个有限的空间（黄色容器）。如何在Android中解决这个问题？ 在iOS中，该问题通过adjustsFontSizeToFit={true}解决。 我的代码：
-
我有一个包含长文本的元素。span在其css STYPE上设置了字体大小。文本过长将溢出或换行。我想知道是否有一种css样式可以使文本适合的宽度，而不需要换行。我希望css样式禁用上的并自动应用新的font-size来修复内容。
-
问题内容： 我需要根据用于调整容器大小的缩放因子来调整多个JLabel的字体大小。为此，我将每个JLabel的字体设置为null，以便它们采用容器的字体。它有效，但也会产生奇怪的结果。 具体来说，文本似乎“滞后”在容器后面，有时甚至被截断。我想避免这种行为。任何想法如何？ 模拟行为的示例代码： 图片：http : //i.stack.imgur.com/tZLOO.png 谢谢， -s 问题答案：