বিভিন্ন আকারের ডিভাইসের জন্য CSS স্টাইল রুল সেট করতে মিডিয়া কোয়েরি

বিভিন্ন CSS স্টাইল রুলের জন্য মিডিয়া কোয়েরি সেট করতে, নিচের কোডটি চালান:

উদাহরণ

<html>
  <head>
    <style>
      body {
        background-color: lightpink;
      }
      @media screen and (max-width: 420px) {
        body {
          background-color: lightblue;
        }
      }
    </style>
  </head>
  <body>
    <p>যদি স্ক্রিন সাইজ 420px-এর কম হয়, তবে এটি লাইটব্লু কালার দেখাবে, অন্যথায় লাইট পিংক কালার দেখাবে।</p>
  </body>
</html>