কম্পিউটার

CSS-এ মিডিয়া কোয়েরি সহ প্রতিক্রিয়াশীল ওয়েব ডিজাইন


মিডিয়া ক্যোয়ারী হল বিভিন্ন আকারের ডিভাইস যেমন মোবাইল, ডেস্কটপ ইত্যাদির জন্য বিভিন্ন স্টাইল নিয়মের জন্য একটি CSS কৌশল।

CSS -

-এ মিডিয়া কোয়েরি এবং প্রতিক্রিয়াশীল ওয়েব ডিজাইন দেখানো কোডটি নিচে দেওয়া হল

উদাহরণ

মিডিয়া প্রশ্নের উদাহরণ

বিভিন্ন ব্রেকপয়েন্টে পটভূমির রঙ পরিবর্তন দেখতে স্ক্রীনের আকার পরিবর্তন করুন

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

CSS-এ মিডিয়া কোয়েরি সহ প্রতিক্রিয়াশীল ওয়েব ডিজাইন


  1. কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল টাইপোগ্রাফি তৈরি করবেন?

  2. কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল প্রশংসাপত্র তৈরি করবেন?

  3. CSS এর সাথে সাধারণ ডিভাইস ব্রেকপয়েন্টের জন্য মিডিয়া প্রশ্নগুলি কীভাবে ব্যবহার করবেন?

  4. CSS min() ফাংশন সহ একটি প্রতিক্রিয়াশীল লোগো তৈরি করা (কোন মিডিয়া কোয়েরি জড়িত নেই)