我有一个元素，我想在其中显示建筑物的传感器读数。它包含房间的温度、日期和名称。它位于一个简单的小广场中。 我希望它显示在电视显示器上(我不知道分辨率是多少，但可以用 JS 计算)。
问题是，我不知道会有多少读数，我需要将它们全部显示在屏幕上(因为它将显示在显示器上，无法滚动)。我不知道如何计算它们的尺寸以便它们适合。我没有为此找到任何神奇的 css 属性，所以我可以创建一些 JS 函数。但是，我不知道从哪里开始。我会知道传感器的数量和分辨率，仅此而已。不过，这个读数数量会随着时间而改变。
有没有可以做到这一点的 JS 库？如果没有，我应该写什么函数？
编辑:Touffy 的解决方案非常有效!我为其他有需要的人找到了这篇文章:Dynamic number of rows and columns with CSS Grid Layout and CSS variables
最佳答案
您可能可以决定将哪种浏览器用于此类应用程序，因此您可以选择一个支持 CSS Grid Layout 的浏览器.有了它，您可以通过指定网格容器来获取整个视口(viewport)(100vh 和 100vw)，并让它用您喜欢的约束(列数、间距……)。
关于javascript - 计算元素在一个屏幕上的宽度和高度，元素数量未知，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47749495/