2014-01-10 170 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歡迎您:) –