Hướng dẫn object-fit trong css
Đã đăng vào thg 6 14, 2021 9:06 SA 2 phút đọc Object-fitThuộc tính CSS object-fit được sử dụng để chỉ định cách thay đổi kích thước của Tuy nhiên, nếu chúng ta định kiểu hình ảnh ở trên bằng một nửa chiều rộng (200 pixel) và cùng chiều cao (300 pixel), nó sẽ trông như thế này:
Như các bạn thấy thì tỉ lệ của ảnh đã bị phá vỡ để vừa với khung hình 200x300. Vì vậy mà chúng ta có thuộc tính Object-fit để giải quyết vấn đề này. Các giá trị của thuộc tính Object-fit bao gồm :
Đi kèm với thuộc tính Object-fit chúng ta còn có thuộc tính Object-position dùng để định vị vị trí của Đã đăng vào thg 8 25, 2016 6:41 CH 5 phút đọc
Object-fit
Object-position
Demo
Hỗ trợ trình duyệt
Phần kết luận
Cảm ơn vì đã đọc! All rights reserved |