Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 이미지를 반응형으로 만드는 방법은 무엇입니까?


이미지를 반응형으로 만들려면 두 가지 속성을 설정해야 합니다. 태그를 사용하여 이미지를 추가하고 높이 및 최대 너비에 대한 CSS 스타일을 추가하여 반응형으로 만듭니다. 예:style="height:auto;max-width:100%;"

HTML에서 이미지를 반응형으로 만드는 방법은 무엇입니까?

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>

출력

HTML에서 이미지를 반응형으로 만드는 방법은 무엇입니까?