Question

在使用基础框架时，我需要使字体大小响应。！该网站有两列8x4。我有8列导航和其他链接。这个街区的高度是稳定的。但是，在第4列我有描述，而在不同的窗口大小打开时，我看到描述的不同高度。我希望通过按比例增加字体来改变屏幕大小，高度保持不变。

我尝试了媒体查询，并为不同的屏幕尺寸分配了不同的字体百分比。最大宽度为1500，字体大小为150％，字体大小为200％。但随着基础框架变化提供的其他功能。像段落底部边距

我甚至试过vh，vw但同样的问题出现了。请提出一些解决此问题的方法。

Answer 1

也许使用vm / wh单位......

vw，vh和vmin （从this page复制）

这些新属性允许您根据视口尺寸缩放字体大小，即

1vw是视口宽度的1％

1vh是视口高度的1％

1vmin是1vw和1vh中最小的

例如，假设您的浏览器视口设置为1,000 x 1,200像素：

1.5vw = 15px字体大小

1.5vh = 18px字体大小

1.5vmin = min（1.5vw，1.5vh）= 15px字体大小

HTH， -Ted

Answer 2

或者你能做什么从一个支持相等+全高度列的布局开始。例子：