이미지를 반응형으로 만들려면 두 가지 속성을 설정해야 합니다. 태그를 사용하여 이미지를 추가하고 높이 및 최대 너비에 대한 CSS 스타일을 추가하여 반응형으로 만듭니다. 예:style="height:auto;max-width:100%;"
HTML에서 반응형 이미지를 만들기 위해 다음 코드를 실행할 수 있습니다.
참고 − 이미지의 응답성을 확인하려면 브라우저 탭의 크기를 조정하세요. 이미지 크기가 올바르게 조정되면 반응형임을 의미합니다.
예시
<!DOCTYPE html> <html> <head></head> <body> <img src="https://www.tutorialspoint.com/images/video_tutorial_intro.jpg" alt="Video Tutorials" style="height:auto;max-width:100%;"> </body> </html>
출력