我目前的工作,是由第三方编码的网站,我发现他们增加了以下声明,他们的css文件:设置最大高度 - 最佳实践?
* {
max-height: 99999px;
}
我不知道为什么开发商会做这个。我试图谷歌它,并没有找到任何资源。你能想到这样做的任何理由/优点吗?
我目前的工作,是由第三方编码的网站,我发现他们增加了以下声明,他们的css文件:设置最大高度 - 最佳实践?
* {
max-height: 99999px;
}
我不知道为什么开发商会做这个。我试图谷歌它,并没有找到任何资源。你能想到这样做的任何理由/优点吗?
我读文章这个周末,我才知道,使用max-height
设置为99999px
有一定道理在某些情况下...
它是特别用来防止字体在移动浏览器推进......因此,使用像
* {
max-height: 99999px;
}
随着
<meta name="viewport" content="width=device-width, initial-scale=1">
并防止字体提升,只是一个O实施我的项目和它的工作。
For more information on Font Boosting
以前的答案—
要真没用,首先它是非常非常非常难得的机会(实际上不可能在标准网站/文件)到得到页面到那height
,其次它适用于所有元素再次是无用的,没有您的button
,input
,a
等将是那么大。
所以基本答案是NO ,不使用它,有没有副作用,因此,除非你的元素达到该height
(它不会),所以缺点是性能,开发者使用*
选择器将属性分配给所有元素,这是一个通用选择器...因此,将属性应用于DOM中所有无用的元素是不好的,因此会影响性能。
如果由于某种原因你要使用它,具体和使用,比方说,你怀疑某个元素可以流动,但应该不会流说出去的1000px
在height
所以不是将其赋值给所有的元素,做具体选择和使用它像说
div.class_name {
max-height: 1000px;
}
这样一来,它是具体的,并且也进行了优化,最后是有意义的。
很好地想出了答案。谢谢! – user1380540
@ user1380540欢迎您:) –
看起来有点奇怪。也许开发人员想限制页面高度?但是很长。 – putvande
他们可能有一个问题,只是想要告诉每个元素都有一个基准最大高度。 – RyanS