মিডিয়া কোয়েরি মোবাইল, ডেস্কটপ ইত্যাদি বিভিন্ন আকারের ডিভাইসের জন্য আলাদা স্টাইল রুলের জন্য ব্যবহৃত হয়।
CSS3-এ মিডিয়া কোয়েরি বাস্তবায়ন করতে নিচের কোডটি চালান:
উদাহরণ
<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>
