`minmax()`가 그리드 행을 최소 크기 대신 최대 크기로 확장하는 이유는 무엇입니까?

minmax()가 최소값 대신 최대값으로 조정됨

grid-template-rows에 minmax()를 설정하려고 시도하는 동안 다음이 관찰되었습니다. 그리드 행이 최소값이 아닌 최대값으로 확장되었습니다. 이 동작은 그리드 행을 최소 크기로 유지하고 필요한 경우에만 확장하는 방법에 대한 의문을 제기합니다.

해결책

일반적으로 트랙은 최대 크기에 도달하는 것을 목표로 합니다. , 여유 공간을 균등하게 분배합니다. 한도를 초과하지 않고 원하는 대로 꽉 감싸는 동작을 얻으려면 다음 조정을 고려하세요.

• 행 크기를 minmax(50px, min-content)로 변경하여 콘텐츠 주위에 행을 단단히 감싸서 줄이 깨지는 것을 방지합니다. 50px 미만으로 축소됩니다.
• 그리드 항목의 최대 높이를 150px로 제한하여 최대 높이를 150px로 구현합니다. 150px.

이러한 수정 사항을 결합하면 그리드 행이 지정된 최소 크기로 유지되고 필요한 경우 최대 크기까지 확장됩니다.

위 내용은 `minmax()`가 그리드 행을 최소 크기 대신 최대 크기로 확장하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!