유체 상자 모양의 div를 만드는 방법은 무엇입니까?

Question

내 UI 막대에 정사각형 모양의 단추가있어 크기가 줄어들고 볼륨이 증가하고 싶습니다. 아이디어는 내 앱이 어떤 반응 상태에 있더라도 버튼이 항상 사각형 모양을 유지한다는 것입니다.

지금 내 탐색 버튼 크기는 브라우저 창 너비에 따라 항상 변경됩니다.

나는 재단 5를 사용하고 있지만 기능은 이러한 목표를 달성하지 않으려면 나는 참조하십시오. 어떤 아이디어?

Answer 1

자바 스크립트를 사용할 수 있습니다. 유체 레이아웃을 사용하기 때문에 너비가 중요한 숫자가됩니다. 그래서 javascript를 사용하면 각 상자를 대상으로 높이를 요소의 너비와 같게 지정할 수 있습니다.

Answer 2

코드를 제공하지 않으므로 정확한 대답을 드릴 수 있습니다.

그러나 이것을 얻으려면 패딩 윗쪽 또는 패딩 bottom 속성을 사용하는 것이 일반적입니다.

이 수직 차원이지만, 부모 폭 관련이 있습니다, 그래서 사각형

에게 항상 당신을 줄 것이다

width: 5%; 
padding: 0px; 
height: 0px; 
padding-top: 5%; 

같은 일을