我有一个项目，我想在其中显示建筑物的传感器读数。它包含房间的温度、日期和名称。它在一个简单的小广场上。我希望它显示在电视监视器上（我不知道分辨率是多少，但可以用 JS 计算）。
问题是，我不知道会有多少读数，我需要将它们全部显示在屏幕上（因为它将在监视器上显示而无法滚动）。我不知道如何计算它们的尺寸以便它们适合。我没有为此找到任何神奇的 css 属性，所以我可以创建一些 JS 函数。但是，我不知道从哪里开始。我会知道传感器的数量和分辨率，仅此而已。不过，这个读数会随着时间的推移而改变。
任何可以做到这一点的JS库？如果没有，我应该写什么函数？
编辑： Touffy 的解决方案效果很好！我为其他需要的人找到了这篇文章：Dynamic number of rows and columns with CSS Grid Layout and CSS variables
您可能可以决定将哪种浏览器用于此类应用程序，因此您可以选择支持CSS Grid Layout 的浏览器。有了它，你可以在没有任何 JavaScript 的情况下做你想做的事情，通过指定网格容器来获取整个视口（100vh和100vw），并让它按照你喜欢的约束（列数、间距……）排列网格项。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句