TIL/FrontEnd
CSS: min(), max() - 최솟값, 최댓값 구하기
CSS의 calc()와 비슷한 함수로 최솟값, 최댓값을 구해주는 CSS 속성 함수이다. 문법 : min(값1, 값2) max(값1, 값2) .header { width: min(200px, 400px); // 200px width: max(200px, 400px); // 400px } // 💡 실제 활용법 .header { width: min(200px, 50%); width: max(400px, 50%); } 실제 활용 방법 : 짐작하는 사람도 있겠지만, 주로 반응형을 할 때 사용한다. max()를 활용하여 설명해보자면 (예시는 상단 코드에!) 예를 들어, 1920px 짜리의 wrapper 박스 내에 .header 가 있다고 가정한다면 max(400px, 50%) 중 최댓값은 50%(1920/2 = 9..
2022. 5. 30.