Hello mấy ae 2024, lâu lâu lại chọt 1 bài lên gọi là có tính duy trì viết bài chút 😆. Bài viết này mình sẽ làm giới thiệu responsive hình ảnh, video theo tỉ lệ tuỳ thích nhé, gét goooo
Khi chúng ta làm theo thiết kế có sẵn khung nào đó thì khoẻ rồi hen, có nhiêu xét nhiêu thui không thành vấn đề nhưng đôi khi người ta muốn hiển thị video, hình ảnh theo tỉ lệ 16: 9 hoặc 4:3 hoặc tỉ lệ nào đó…thì các bạn xem ví dụ ở dưới nha
Nếu các bạn dùng sass thì có thể tạo 1 mixin để tái sử dụng cho tiện khi dùng nhé, khi dùng thì chỉ cần @include responsiveMedia(x, y) truyền tỉ lệ x, y tương ứng vào tuỳ theo mong muốn của mình cho done rồi. Hy vọng bài viết này sẽ giúp ae có thể tự tin xử lý những case hình ảnh, video tỉ lệ tuỳ thích nhé ☺️