रिस्पॉन्सिव वेब डिज़ाइन (RWD) वेब डेवलपमेंट और डिज़ाइन में एक दृष्टिकोण है जो ऐसी साइटें बनाने की दिशा में काम करता है जो डिस्प्ले स्क्रीन के रिज़ॉल्यूशन को बदले बिना नेविगेट करने में आसान टेक्स्ट के साथ एक कुशल और आकर्षक विज़ुअल अनुभव प्रदान करती हैं।

यह क्षमता किसी भी डिवाइस या ब्राउज़र पर लागू होती है जिसका उपयोग वेबसाइट देखने के लिए किया जाता है, जिसका अर्थ है कि वेबसाइट की उपस्थिति और लेआउट डिस्प्ले स्क्रीन के आकार के अनुसार बदल जाता है।

RWD का उपयोग फ़्लूइड और अनुपात-आधारित ग्रिड, लचीली छवियों और स्मार्ट CSS और स्क्रिप्ट उपयोग के माध्यम से उपयोगकर्ता के देखने के वातावरण के लिए वेबसाइट के लेआउट को अनुकूलित करने के लिए किया जाता है।

RWD निम्नलिखित विधियों का उपयोग करता है:
  • द्रव ग्रिड, जहाँ तत्वों का आकार सापेक्ष इकाइयों, जैसे प्रतिशत, बनाम निरपेक्ष इकाइयों, जैसे मानक माप और पिक्सेल के उपयोग के माध्यम से बदला जाता है
  • लचीली छवियाँ, जिनका आकार भी सापेक्ष इकाइयों में होता है
  • कैस्केडिंग स्टाइल शीट (CSS) मीडिया क्वेरीज़, जो किसी वेबसाइट को डिवाइस प्रकार, स्क्रीन आकार और ब्राउज़र क्षमताओं को निर्धारित करने की अनुमति देती हैं, जिससे इन विशेषताओं के आधार पर विभिन्न स्टाइल नियमों की डिलीवरी सक्षम होती है
  • मीडिया क्वेरीज़ के साथ सर्वर-साइड घटक, जो धीमी सेलुलर डेटा गति के साथ भी वेबसाइटों को तेज़ी से लोड करने में सक्षम बनाते हैं