কম্পিউটার টিউটোরিয়াল

মোবাইল CSS দিয়ে বিদ্যমান ওয়েব পেজ রেট্রোফিট করা

রেট্রোফিট করতে, CSS মিডিয়া কোয়েরি ব্যবহার করুন, এবং বিভিন্ন ব্রাউজার ক্যাপাবিলিটির জন্য আলাদা স্টাইলশীট অনুমতি দিন। সুবিধা হলো আপনাকে কোনো সার্ভার-সাইড কোড লিখতে হবে না।

এটি আপনাকে ডিভাইস গ্রুপিং-এর জন্য স্ক্রিপ্টে ספেসিফিক ডিটেকশন কোড যোগ করতে বাধ্য করবে।

মিডিয়া কোয়েরি এমন ডিভাইসগুলোকেও হ্যান্ডল করে যা আপনি কখনো শুনেননি।

নিচেরটি সেট করুন:

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {    body {       color: blue;    } }

  1. জাভাস্ক্রিপ্টে 'কপি টু ক্লিপবোর্ড' ফিচার তৈরি করা

  2. CSS মিডিয়া টাইপ এবং কোয়েরি বোঝা

  3. CSS মিডিয়া কোয়েরি দিয়ে রেসপন্সিভ ওয়েব ডিজাইন

  4. CSS Media Query দিয়ে কমন ডিভাইস ব্রেকপয়েন্ট (Breakpoints) ব্যবহার করা