कैसे करें - विशिष्ट डिवाइस ब्रेकप्वाइंट
सामान्य डिवाइस ब्रेकप्वाइंट के लिए मीडिया क्वेरीज़ का उपयोग करना सीखें।
विशिष्ट डिवाइस ब्रेकप्वाइंट
विभिन्न ऊंचाई और चौड़ाई वाले टन स्क्रीन और डिवाइस हैं, इसलिए प्रत्येक डिवाइस के लिए सटीक ब्रेकपॉइंट बनाना मुश्किल है। चीजों को सरल रखने के लिए आप पांच सामान्य समूहों को लक्षित कर सकते हैं:
उदाहरण
/*
Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{...}
/* Small devices (portrait tablets and large phones, 600px and up)
*/
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up)
*/
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large
laptops and desktops,
1200px and up) */
@media only screen and (min-width: 1200px) {...}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस मीडिया प्रश्न
सीएसएस ट्यूटोरियल: सीएसएस मीडिया प्रश्न उदाहरण
सीएसएस संदर्भ: @मीडिया नियम
RWD ट्यूटोरियल: मीडिया प्रश्नों के साथ उत्तरदायी वेब डिज़ाइन
जावास्क्रिप्ट ट्यूटोरियल: विंडो.मैचमीडिया () विधि