CSS - 문제 미리보기
문제 1361
medium
여러 값 중에서 가장 큰 값을 선택하는 CSS 함수는?
```css
#div1 {
width: _____(50%, 300px);
/* 50%와 300px 중 더 큰 값을 사용 */
}
```
정답: A
• `max()` 함수는 여러 값 중 가장 큰 값을 선택합니다
• max() 함수의 작동 원리:
• 쉼표로 구분된 여러 값들을 비교
• 그 중 가장 큰 값을 최종 결과로 사용
• 서로 다른 단위도 비교 가능
• 실제 동작 예시:
```css
/* 화면이 작을 때: 50% < 300px → 300px 사용 */
/* 화면이 클 때: 50% > 300px → 50% 사용 */
width: max(50%, 300px);
```
• 반응형 디자인에서의 활용:
```css
/* 최소 너비 보장하면서 반응형 */
width: max(300px, 25%);
/* 폰트 크기의 최소값 설정 */
font-size: max(16px, 1rem);
/* 여백의 최소값 보장 */
margin: max(20px, 2%);
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.