關於CSS高度的問題

Question

如果我按如下定義CSS;

div {height: 50%;} 

將在大多數現代桌面瀏覽器（IE8 +，FF，Safari瀏覽器）和移動瀏覽器這項工作（iPhone/iPad的等）

是否有任何需要指定交叉以下2個額外的屬性瀏覽器支持

min-height: 50%; height: auto; 

我問這個問題在流體設計的情況下（即相同的頁面將擴展爲多臺設備...臺式機/平板電腦/手機）..所以，請讓我知道應該首選做法。

Answer 1

不，你不需要那些。

但是：身高只相對於父母。父母默認沒有身高（更準確地說，它是兒童身高的高度）。

因此，你需要：

body,html { height: 100%; } 

所以指定一個「開始」的高度，你可能需要保持「高度鏈」活着好。

最小高度而不是高度的原因是高度是固定的 - 它不能比它大，不管它在裏面。這可能不正確。因此，人們做最小高度，因此它至少與他們想要的一樣高，但是允許增長。

最小高度的問題在於它不適用於所有瀏覽器。