css - 为所有东西设置最大高度——最佳实践？

Question

我目前在一个由第三方编码的网站上工作，我注意到他们在他们的 css 文件中添加了以下声明:

* {
    max-height: 99999px;
}

我想知道为什么开发人员会这样做。我试过用谷歌搜索它，但没有找到任何资源。您能想到这样做的任何原因/优势吗？

Answer 1

这个周末我正在阅读文章，我开始知道使用 max-height 设置为 99999px 在某些情况下确实有意义......

它特别用于防止移动浏览器中的字体提升......所以使用类似的东西

* {
    max-height: 99999px;
}

随着

<meta name="viewport" content="width=device-width, initial-scale=1">

确实阻止了字体增强，刚刚在我的一个元素中实现并且有效。

For more information on Font Boosting

---

上一个答案 —

说实话，它没用，首先，^{(实际上对于标准网站/文档来说是不可能的)} 获得该页面的机会非常非常少height，其次它适用于所有再次无用的元素，没有你的 button、input、a 等会有那么大。

所以基本答案是NO，不要使用它，没有这样的副作用，除非你的元素达到那个高度 (它赢了't)，所以缺点是性能，开发人员使用 * 选择器将属性分配给所有元素，这是一个通用选择器...因此将属性应用于所有元素在 DOM 中没有用处是不好的，因此会影响性能。

---

如果出于某种原因你想使用它，请具体说明并使用，比如说，你怀疑某些元素可以流动但不应该在 height1000px 之外流动code> 所以不是将它分配给所有元素，而是制作一个特定的选择器并像说一样使用它

div.class_name {
   max-height: 1000px;
}

这样，它是具体的、经过优化的，最后是有意义的。