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

CSS가 있는 컨테이너에 맞게 또는

<시간/>

CSS의 object-fit 속성을 사용하여 컨테이너에 맞게 이미지 또는 비디오의 크기를 조정합니다.

예시

이를 달성하기 위해 다음 코드를 실행할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg {
            width:250px;
            height:350px;
            object-fit:fill;
         }
      </style>
   </head>
   <body>
      <h2>SWIFT</h2>
      <img class = "myimg" src = "https://www.tutorialspoint.com/assets/videos/courses/67/images/course_67_image.png"
         alt = "Python Data Science" width = "300" height = "200">
   </body>
</html>