당신은 1fr이 아닌 minmax (10px, 1fr)를 원합니다

많은 웹 페이지가 다음과 같은 그리드 레이아웃을 사용합니다.

 .grid {
  디스플레이 : 그리드;
  그리드-템플릿-컬럼 : 반복 (3, 1fr);
}

그러나 나는 당신이 사용하는 것이 좋습니다 :

 .grid {
  디스플레이 : 그리드;
  그리드-템플릿-컬럼 : 반복 (3, minmax (10px, 1fr));
}

왜? 첫 번째 경우, 그리드 열의 최소 너비는 min-content 이며, 예기치 않게 원하는 것보다 넓을 수 있습니다 (그리드 오버플로 참조). 두 번째 경우에는 최소 너비를 10px로 제한합니다 (0이 아니라 사라지지 않고 혼란을 초래합니다).

이 작업을 수행하는 것은 약간 번거롭지 만 더 예측 가능한 행동으로 이어지고 불필요한 번거 로움을 피할 수 있습니다.

그게 다야.

(이 기사 형식은 Kilian의 기사 "You Your overflow: auto , overflow: scroll "도 의미합니다.)

위 내용은 당신은 1fr이 아닌 minmax (10px, 1fr)를 원합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!