क्या किसी को पता है कि मेरा मीडिया क्वेश्चन कोड काम क्यों नहीं करता?धन्यवाद!
@media only screen and (min-width:450px){
.dark-blue{
width: 25%;
}
.blue{
width: 75%;
}
}
मेरे जीथब में अधिक विवरण https://github.com/kmfb/udacityProjects/tree /मास्टर/कॉलम%20ड्रॉप
3 जवाब
यह ज्यादातर आपकी परियोजना पर निर्भर करता है क्योंकि दिन के अंत में यह रखरखाव और इसमें अधिक सामान आसानी से जोड़ने के बारे में है।
इसलिए, यदि आप किसी ऐसे प्रोजेक्ट पर काम कर रहे हैं जिसमें केवल कुछ मीडिया प्रश्न हैं, तो मैं सुझाव दूंगा कि उन सभी को अपनी स्टाइलशीट के नीचे छोड़ दें, लेकिन इसे स्पष्ट करने के लिए इसके ऊपर टिप्पणियां डालें और बाद में इसे ढूंढना आपके लिए आसान हो।
हालाँकि, यदि आप जानते हैं कि आपके पास अपने मीडिया प्रश्नों में बहुत सी संपत्तियों को सावधानीपूर्वक परिभाषित किया गया है और विभिन्न उपकरणों को भी परिभाषित किया गया है, तो मैं केवल पठनीयता/रखरखाव कारणों से उन्हें अलग करने का सुझाव दूंगा।
बस @media को css पेज के नीचे ले जाएँ।
काम करने के उदाहरण की जाँच करें।
चीयर्स,
https://jsfiddle.net/frc7r123/
यह काम करता है, लेकिन आपको अपनी मीडिया क्वेरी को अपने अन्य सीएसएस के नीचे रखना होगा। अन्यथा यह कुछ भी अधिलेखित नहीं करेगा।