所以我有文本要根据容器的大小自动调整大小。但是，如果我使用像
这样的东西font-size: 5vw;
它看起来不错，但是当我缩小页面时，高度开始变得太小
无论如何我可以根据vh和vw调整文本大小，例如，如果我只是减小页面的宽度，那么高度也不会降低吗？
就像我只减少页面的宽度一样，我希望文本的高度保持不变，反之亦然。
基本上我希望文本总是完美地放在盒子里面并且无论页面/容器的大小是多少都具有相同的比例？
无论如何在CSS / HTML中都像vh和vw一样基础字体大小？
答案 0 :(得分：1)
您可以查看vmin和vmax个单元。
虽然1vw将返回视口宽度的1％而1vh将返回视口高度的1％，1vmin将返回最小视口尺寸的1％，无论是视口宽度（vw）或其高度（vh）。同样1vmax将返回最大视口尺寸的1％。
为了使整个容器（包括其文本）保持其宽高比，您必须将相同类型的单元应用于容器尺寸及其字体大小。
在整页模式下查看以下示例，并使用窗口宽度和高度进行播放：
p {
width: 80vmin;
font-size: 6vmin;
}<p>Try resizing both the width and height of the output frame. The <p> element and its contents will both respond to whichever dimension is the smallest.</p>
注意
Internet Explorer 11和Edge 12不支持vmax单元。有关浏览器支持的更多信息here。
答案 1 :(得分：0)
我已经使用大众汽车一段时间了。我通常会先将较大的大众汽车用于移动设备（视口在700像素以下的所有设备）。然后，我将700px视口上方的所有内容调整为适合所有vw值的大小。再加上bootstrap的易用性flexbox类，可以减少CSS内容的开销。