मीडिया क्वेरी इनलाइन शैली का उपयोग करें

Question

मुझे पता है कि यह हास्यास्पद लगता है, लेकिन क्या मैं एक इनलाइन शैली में एक सीएसएस मीडिया क्वेरी का उपयोग कर सकता हूं? कारण यह है कि मैं PHP में पृष्ठभूमि को प्रतिबिंबित कर रहा हूं और डिवाइस रेटिना होने पर रेटिना आकार छवि का उपयोग करने की आवश्यकता है।

ie: <div style="background:url(normal.png); <- need to add style for retina device

Answer 1

एक इनलाइन शैली घोषणा भीतर नहीं के रूप में तक मुझे पता है।

हालांकि, आप PHP के भीतर और से गूंज रहे हैं वास्तव में स्टाइलशीट मैं मीडिया क्वेरी के साथ एक इनलाइन <style /> तत्व गूंज और div के लिए एक वर्ग का उपयोग कर सुझाव है कि उपयोग नहीं कर सकते।

अर्थात

<style type="text/css"> 
    .bg { 
     background: url(background.jpg); 
    } 
    @media only screen and (max-device-width: 480px) { /* Change to whatever media query you require */ 
     .bg { 
      background: url(background_highres.jpg); 
     } 
    } 

</style> 
<div class="bg">...</div>