CSS 그리드 행의 기본값이 최대 `minmax()` 값으로 설정되어 있는 이유는 무엇이며 어떻게 해결할 수 있습니까?

최대값으로 기본 설정된 그리드 행: 문제 해결

최근 그리드 템플릿 행에 대해 minmax()를 활용하려는 시도에서 그리드 행이 최소값 대신 minmax()의 최대값으로 확장된다는 사실이 발견되었습니다. 이로 인해 행 크기를 선언된 최소 크기로 유지하면서 추가 콘텐츠가 추가될 때만 최대 크기로 확장해야 하는 문제가 발생했습니다.

이 문제를 해결하기 위해 다음 접근 방식을 구현할 수 있습니다.

• 행 크기에 minmax(50px, min-content) 사용: 이렇게 하면 행이 내용을 단단히 감싸지만 아래로 줄어들지는 않습니다. 50px.
• 그리드 항목에 최대 높이 추가: 150px: 이는 각 그리드 항목의 최대 높이를 설정하여 항목 증가를 150px로 제한합니다.

By 이러한 기술을 결합하면 그리드 행은 더 많은 콘텐츠가 추가될 때까지 선언된 최소 크기로 유지되며, 이 시점에서 지정된 크기를 초과하지 않고 최대 크기로 확장됩니다. 제한됩니다.

위 내용은 CSS 그리드 행의 기본값이 최대 `minmax()` 값으로 설정되어 있는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!