使用 css 缩放字体,无论宽度或高度是否改变

Scale font using css whether width or height changes

我知道 vh/vw 或 wmin/vmax 个单位。但仍然如此,无论我的宽度或高度发生变化,我都无法缩放字体。也就是说,我只能在一种情况下使用 css 缩放字体——如果我想在宽度变化时缩放字体,那么我使用 vw,高度 vh。有什么东西可以用于这两种情况吗?

对于这两种情况,您都可以使用 css 逻辑:

width:100vw;
height:50vw;
max-height: 100vh;
max-width: 200vh;

我相信只有vmin和vmax。

vmin unit Equal to the smaller of ‘vw’ or ‘vh’.

vmax unit Equal to the larger of ‘vw’ or ‘vh’.

via http://www.w3.org

  1. 1vw = 视口宽度的 1%
  2. 1vh = 视口高度的 1%
  3. 1vmin = 1vw 或 1vh,以较小者为准
  4. 1vmax = 1vw 或 1vh,以较大者为准