jquery - 两列文字，如何让它在所有分辨率下都填满页面底部？

Question

我有这样的笔记本和台式机布局:

当屏幕高度更高时，文本仍应填充到页面底部。可以放大字体。问题是，随着字体大小的增加，调整字体大小或使用像 vh 这样的东西，它也会使用更多的行，因此，创建额外的行，最终会导致更多意想不到的高度。为避免这种情况，我们也可以定义要在 vh 中定义的列的宽度。如果屏幕实际上不够宽，无法适应，这将导致问题。

我是不是把事情搞得太复杂了，有没有更简单的解决方案？

Answer 1

如果您不想更改font-size，您可以根据视口(viewport)高度更改line-height 属性。因此，当屏幕变大时，行间距会增加，而不会产生增加字体大小时可能获得的“额外”高度。不过，这在美学上可能并不总是令人愉悦。