सेटिंग्स
चौड़ाई (px)
ऊंचाई (px)
25%
100%
200%
375 × 667 px
रेस्पॉन्सिव डिज़ाइन टिप्स
मोबाइल-फर्स्ट: सबसे पहले मोबाइल डिवाइस के लिए डिज़ाइन करें, फिर बड़ी स्क्रीन के लिए एडजस्ट करें।
फ्लेक्सिबल ग्रिड: पिक्सल की जगह परसेंटेज या em यूनिट्स का इस्तेमाल करें ताकि डिज़ाइन हर स्क्रीन साइज में फिट हो।
मीडिया क्वेरीज: CSS मीडिया क्वेरीज का इस्तेमाल करके अलग-अलग स्क्रीन साइज के लिए अलग स्टाइल्स डिफाइन करें।
टच फ्रेंडली: मोबाइल डिवाइस के लिए बटन्स और लिंक्स का साइज़ कम से कम 44×44 पिक्सल रखें।
परफॉर्मेंस: मोबाइल पर इमेज्स को कम्प्रेस करें और अननिसेसरी स्क्रिप्ट्स को लोड न करें।