Để làm cho hình ảnh trở nên responsive (tự thích ứng), bạn cần thiết lập hai thuộc tính CSS. Thêm hình ảnh bằng thẻ <img> và áp dụng kiểu CSS cho height và max-width. Ví dụ: style="height:auto;max-width:100%;"
Bạn có thể chạy mã sau để kiểm tra hình ảnh responsive trong HTML. Lưu ý: Để kiểm tra tính responsive, hãy thay đổi kích thước tab trình duyệt. Nếu hình ảnh tự điều chỉnh kích thước đúng cách, nghĩa là nó đã responsive.
Ví dụ
<!DOCTYPE html> <html> <head></head> <body> <img src="https://www.tutorialspoint.com/images/video_tutorial_intro.jpg" alt="Video Tutorials" style="height:auto;max-width:100%;"> </body> </html>
Kết quả
