क्रोम पर केवल दो स्क्रीन आकारों को लक्षित करें

Question

मैं बनाने के लिए @media प्रश्नों का उपयोग कर रहा हूं, केवल एक विशिष्ट स्थिति में ".l-triangle" को स्थिति देने के लिए केवल Chrome ब्राउज़र। तो मैं निम्न विधि

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Fix for Chrome/Safari Users ONLY */ 

.l-triangle { 
    background: transparent url('../images/menu_bg_left.gif') no-repeat; 
    position: absolute; 
    float: left; 
    width: 55px; 
    height:75px; 
    display: block; 
    left: 0px; 
    top:0px; 
    z-index: 0; 
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
     -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
      box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
} 

यह स्क्रीन आकार 968px से भी बड़ा के साथ क्रोम ब्राउज़र के लिए ठीक है, लेकिन छोटे से 968px पर नहीं काम करता है का उपयोग कर रहा हूँ।

मेरे प्रश्न यह है कि मैं 0 अलग-अलग स्क्रीन आकारों के साथ क्रोम ब्राउज़र केवल के लिए 2 अलग-अलग सीएसएस मान कैसे पारित कर सकता हूं?

Answer 1

मुझे लगता है कि आपके पास एक ही समस्या here है।

केवल क्रोम पर यह कोड काम:

.chrome #thingie { 
    do: this; 
} 

मुझे आशा है कि आप में मदद मिलेगी।

Answer 2

आप अपने मीडिया प्रश्नों में "और" या "नहीं" जैसे ऑपरेटरों का उपयोग कर सकते हैं।

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 968px) { 
...code here... 
}