반응 이미지 격자

Question

새로운 Rdio Web App와 비슷한 반응 형 이미지 격자를 디자인하려고합니다. example screencast here

그리드의 화면 폭은 최대 300px (최대 높이 200)가되어야하지만 사용자가 창을 축소하면 200px 너비 (133 높이)로 축소 한 다음 300px.

왼쪽 및 오른쪽 여백으로 배치 된 격자가 있지만 최대/최소 너비 및 높이에 대해 무엇을 넣을지 확실하지 않습니다.

Answer 1

이 효과를 올바르게 구현하는 방법에 대한 자세한 내용은 Fluid Squares을 확인하십시오. 또는 사전 작성된 코드를 사용하여 문제를 해결할 수 있습니다.