मीडिया क्वेक्स इंटरनेट एक्सप्लोरर 11

Question

में काम नहीं कर रहे हैं हाय दोस्तों मैं वर्तमान में वर्डप्रेस में www.yewtreeweb.co.uk पर अपनी पोर्टफोलियो वेबसाइट बना रहा हूं। हालांकि मुझे इंटरनेट एक्सप्लोरर 11 में काम करने के लिए मीडिया प्रश्न प्राप्त करने में समस्या हो रही है।

जब मैं मीडिया प्रश्न जोड़ता हूं तो शैली इंटरनेट एक्सप्लोरर के निरीक्षण तत्व कंसोल में प्रदर्शित नहीं होती है, हालांकि बूटस्ट्रैप के मीडिया प्रश्न प्रकट होते हैं। क्या यह वर्डप्रेस के साथ कुछ करना है या क्या मैं कुछ गलत कर रहा हूं?

मीडिया स्टार्ट से बाहर होने पर भी मेरी स्टाइल काम करती है।

@media screen and (min-width: 1024px){ 
     @media screen and (min-width: 64.000em){ 
      #imgholder-left{ 
       padding-right: 0; 
      } 
      #imgholder-right{ 
       padding-left: 0; 
      } 
      #leftimg > img { 
       width: 400px; 
       } 
       #rightimg > img { 
       width: 600px; 
       } 
     } 
    } 

Answer 1

बजाय

@media screen and (min-width: 1024px){ 
    ... 
} 

उपयोग इस

@media all and (min-width: 1024px) { 
    ... 
} 

Answer 2

हालांकि नेस्ट मीडिया प्रश्नों CSS3 में अनुमति दी जाती है (लेकिन 2.1) मैं कल्पना कर सकते हैं कि वास्तव में यह बात की तरह है जिसमें क्रॉस-ब्राउज़र समस्याएं हैं।

मैं तुम क्यों न्यूनतम-चौड़ाई दो बार परीक्षण कर रहे हैं समझ में नहीं आता, लेकिन उन्हें एक ही क्वेरी में डालने पर विचार करें, comma-separated to signify an OR:

@media screen and (min-width: 1024px), screen and (min-width: 64.000em) { 
    //if *either* of these are matched then apply these rules 
    //... 
}