높이 나는 재단에 블록 격자를 사용하고

Question

폭

같은 :

<ul class="small-block-grid-3 medium-block-grid-6"> 
    <li>Something</li> 
    <li>Something</li> 
    <li>Something</li> 
</ul> 

가 나는 폭의 각 리는 같은 높이를 갖고 싶어. 각 li은 Foundation의 각 중단 점마다 다른 너비가 있습니다.

나는 웹을 점검하고 vw를 들여다 보았다. 내가 생각할 수있는 유일한 괜찮은 해결책은 vw 높이를 각 중단 점에서 Foundations li 너비와 같게 설정하는 것이다.

더 좋은 솔루션이 있습니까?

CSS 이외의 것을 사용하고 싶지 않습니다. HTTP :

Answer 1

단위를 뷰포트 CSS의 다른 옵션은 또한 사각형의 격자에 대한이 답변을 체크 할 수있다 padding-bottom

DEMO

div { 
 
    width: 40%; 
 
    padding-bottom: 40%; 
 
    background: tomato; 
 
}

<div></div>