Sử dụng thuộc tính object-fit trong CSS để thay đổi kích thước hình ảnh hoặc video cho vừa với vùng chứa của nó.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để đạt được điều này.
<!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>