3 x 3網格相對於在CSS中的視口大小

Question

我想創建一個3 x 3網格與每個取高度和寬度值的30％（我想避免vh，vw和vm單位）：

section { 
display:inline-block; 
padding: 0.5% 0.5%; 
margin: 0.5% 0.5%; 
box-sizing:border-box; 
width: 30%; 
height: 30%; 
border: #000 solid 1px; 
} 

然而，雖然寬度總是30％，但高度確實固定在該值上，所以當第一部分的文本比第二部分更多時，它會更高。

在這裏看到：http://jsfiddle.net/GzCPw/

Answer 1

我敢肯定的瀏覽器不PRECENTAGE值接受的高度。使用javascript來動態更新絕對高度值。

請看這裏：use vertical percentage for css - height: x%;