रेट्रोफिट करने के लिए, CSS मीडिया क्वेरीज़ का उपयोग करें, और विभिन्न ब्राउज़र क्षमताओं के लिए अलग-अलग स्टाइलशीट्स की अनुमति दें। एक लाभ यह है कि आपको किसी सर्वर-साइड कोड के लिए जाने की आवश्यकता नहीं है।
इसके लिए आपको डिवाइस के ग्रुपिंग के लिए स्क्रिप्ट में विशिष्ट डिटेक्शन कोड जोड़ना होगा।
मीडिया क्वेरीज़ उन डिवाइस को भी संभालती हैं जिनके बारे में आपने कभी नहीं सुना होगा।
निम्न सेट करें:
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) { body { color: blue; } }