根据窗口大小将文本写入页面底部

Question

是否可以根据窗口尺寸填充页面文本？

例如，我希望有以下内容： 屏幕左侧的文本填充了它所在的div。如果我要重新调整窗口的大小，那么＆＃34; ExampleText＆＃34;应该改变。

不幸的是，我没有任何代码要显示，因为我不知道如何启动它。我想我必须在其中使用JS，但我不确定如何让JS收集窗口的尺寸。

非常感谢。

Answer 1

您可以使用以下命令获取javascript中窗口的高度：

var h = window.innerHeight;

如果您知道“ExampleText”的行高（您可能已经在CSS中设置了它，或者您可以尝试使用document.getElementById('div_name').style.lineHeight），那么将窗口高度除以行高。这应该会给你适合窗口的行数。

或者，在CSS中，您可以将div设置为height: 100%（假设所有父元素的高度均为100％），然后将内部div设置为position:absolute;bottom:0;所以文本从底部到顶部开始计数。您必须处理选择是否显示滚动条，因为文本将不可避免地大于包含div。