CSS3 के साथ मीडिया क्वेरीज़

मीडिया क्वेरीज़ मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के डिवाइस के लिए अलग-अलग स्टाइल नियमों के लिए होती हैं।

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>