在所有事情上设置最大高度 - 最佳实践？

Question

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

* {
    max-height: 99999px;
}

我想知道为什么开发人员会这样做。我试过谷歌它并没有找到任何资源。你能想到这样做的任何原因/好处吗？

Answer 1

本周末我正在阅读文章，并且我发现使用设置为max-height的{​​{1}}在某些情况下确实有意义...

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

之类的东西

99999px

与

一起

* {
    max-height: 99999px;
}

确实阻止了字体提升，只是在我的一个项目上实现并且它有效。

For more information on Font Boosting

---

上一个答案 -

说实话它没用，首先它是非常非常罕见的机会 ^{（实际上不可能用于标准网站/文档）} 来获取页面{ {1}}，其次它适用于所有无用的元素，<meta name="viewport" content="width=device-width, initial-scale=1"> ，height，button等都不会那么大。

所以基本答案是否，不要使用它，没有这样的副作用，除非你的元素到达那个input （它不会） ，所以缺点是性能，开发人员使用a选择器将该属性分配给所有元素，这是一个通用选择器...所以将属性应用于DOM中的所有元素有用是坏的，因此会影响性能。

---

如果出于某些原因你想要使用它，那么请具体使用，比如说，你怀疑某些元素是否可以流动但不应流出height中的*而不是分配对于所有元素，创建一个特定的选择器并像使用

一样使用它

1000px

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