একটি ছবিকে প্রতিক্রিয়াশীল করতে, আপনাকে দুটি বৈশিষ্ট্য সেট করতে হবে৷ ট্যাগ ব্যবহার করে ছবি যোগ করুন এবং এটিকে প্রতিক্রিয়াশীল করতে উচ্চতা এবং সর্বোচ্চ-প্রস্থের জন্য 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>
আউটপুট
