Sử dụng object-fit thuộc tính 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ìm hiểu cách làm việc với thuộc tính object-fit -
<!DOCTYPE html>
<html>
<head>
<style>
.myimg {
width:250px;
height:350px;
object-fit:cover;
}
</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>