HTML - 문제 미리보기

문제 978

medium
이미지가 원본 크기보다 커지지 않으면서 반응형으로 동작하게 하려면 어떤 속성을 사용해야 하나요?

```html
<img src="photo.jpg" style="______:100%;height:auto;">
```
A. width
B. min-width
C. max-width
D. responsive-width

정답: C

`max-width: 100%`를 사용하면 이미지가 필요에 따라 축소되지만, 절대 원본 크기보다 커지지 않습니다. 이는 `width: 100%`보다 더 나은 해결책입니다. 화면이 이미지보다 작으면 이미지가 축소되고, 화면이 이미지보다 크면 이미지는 원본 크기를 유지합니다. `height: auto`와 함께 사용하면 이미지의 비율이 유지됩니다.
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.