ในการทำให้รูปภาพตอบสนองได้ คุณต้องตั้งค่าคุณสมบัติสองอย่าง เพิ่มรูปภาพโดยใช้แท็ก และเพิ่มสไตล์ CSS สำหรับความสูงและความกว้างสูงสุดเพื่อให้ตอบสนอง ตัวอย่างเช่น style="height:auto;max-width:100%;"
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำให้รูปภาพตอบสนองใน HTML −
หมายเหตุ − หากต้องการตรวจสอบการตอบสนองของรูปภาพ ให้ปรับขนาดแท็บเบราว์เซอร์ หากรูปภาพปรับขนาดถูกต้อง แสดงว่ามีการตอบสนอง
ตัวอย่าง
<!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>
ผลลัพธ์
