我目前的工作,是由第三方編碼的網站,我發現他們增加了以下聲明,他們的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