我在这里的网站上工作：
一些标签，例如＆＃34;技术细节（pdf）＆＃34;和＃34;维纳斯需要倡导者（参与！）＆＃34;在中间创建一些子窗口。它们的大小基于em，因此如果用户更改其字体大小/缩放级别（正如我所理解的那样是＃34;最佳实践＆＃34;今天），它们可以正确缩放。
他们看起来很好......大多数时候。但是当在手机上以水平（非垂直）布局观看时，它们太大并且与顶部条重叠。因此看起来当前的布局很好地降低到一定高度，但是在该高度以下我需要使字体大小与页面高度成线性比例（子窗口随着字体大小一起缩放）。
显然我可以用javascript做到这一点，但我知道你应该尽可能在纯CSS中做事。推荐的方法是什么？我一直在尝试很多事情而且都没有真正发挥过。