HTML-এ কোনো ছবিকে রেসপন্সিভ (Responsive) করার জন্য দুটি CSS প্রোপার্টি সেট করতে হয়। <img> ট্যাগ ব্যবহার করে ছবি যোগ করুন এবং height:auto; max-width:100%; স্টাইল যুক্ত করুন। উদাহরণস্বরূপ: 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>
আউটপুট
