Để làm cho hình ảnh phản hồi nhanh, bạn cần đặt hai thuộc tính. Thêm hình ảnh bằng thẻ và thêm kiểu CSS cho chiều cao và chiều rộng tối đa để làm cho hình ảnh phản hồi nhanh. Ví dụ: style ="height:auto; max-width:100%;"
Bạn có thể thử chạy đoạn mã sau để tạo hình ảnh phản hồi trong HTML -
Lưu ý - Để kiểm tra khả năng phản hồi của hình ảnh, hãy thay đổi kích thước tab trình duyệt. Nếu hình ảnh thay đổi kích thước chính xác, thì điều đó có nghĩa là hình ảnh đáp ứng được.
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>
Đầu ra
