2014-01-10 127 views
4

我目前的工作,是由第三方编码的网站,我发现他们增加了以下声明,他们的css文件:设置最大高度 - 最佳实践?

* { 
    max-height: 99999px; 
} 

我不知道为什么开发商会做这个。我试图谷歌它,并没有找到任何资源。你能想到这样做的任何理由/优点吗?

+0

看起来有点奇怪。也许开发人员想限制页面高度?但是很长。 – putvande

+0

他们可能有一个问题,只是想要告诉每个元素都有一个基准最大高度。 – RyanS

回答

4

我读文章这个周末,我才知道,使用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中所有无用的元素是不好的,因此会影响性能。


如果由于某种原因你要使用它,具体和使用,比方说,你怀疑某个元素可以流动,但应该不会流说出去的1000pxheight所以不是将其赋值给所有的元素,做具体选择和使用它像说

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

这样一来,它是具体的,并且也进行了优化,最后是有意义的。

+1

很好地想出了答案。谢谢! – user1380540

+0

@ user1380540欢迎您:) –