如何计算CSS minmax（）的单元格所需的最小长度？

我正在尝试设计一些CSS网格

我想将最小长度设置为顶部单元格需要的空间量
以将其所有文本保持在一行中。 例如：

<h2 id="dominantCell">This is some text</h2>
<style>
    #dominantCell {  /* I don't know how long the text is in one line */
       grid-template-columns: minmax( /* <h2>'s width */ , 100%)
    }    /* How do I find out what the min should be WITHOUT counting pixels? */
</style>

这是一些文本
#主单元格{/*我不知道文本在一行中有多长*/
网格模板列：最小最大值（/*的宽度*/，100%）
}/*如何在不计算像素数的情况下找出最小值*/

如何在不每次计算像素的情况下合理地计算这样的值？

尝试以下方法：

grid-template-columns: minmax( min-content, 100% )

或

---

有关

min content

的详细信息，请参阅，不完全确定您的意思。你能发布一个代码示例来说明这个问题吗？@Michael_B我添加了一个代码示例来解释我想问的问题。嘿，谢谢！我阅读了MDN，只是为了确定，我认为它说

mincontent

将最小值设置为网格中最大项的值。这听起来对吗？你最好试试看。发布带有结果的演示。我们可以看到情况。是的，我的测试成功了。如果我的测试是这样的，我会假设这就是我一直在寻找的答案。我只是想确认我知道我在读什么。

grid-template-columns: minmax( min-content, 1fr )