सीएसएस मीडिया प्रकार: मोबाइल के लिए सीएसएस कैसे लोड करें?

Question

इस कोड के साथ:

<link rel="stylesheet" 
     type="text/css" 
     href="media/css/mobile.css" 
     media="handheld" /> 
<link rel="stylesheet" 
     type="text/css" 
     href="media/css/screen.css" 
     media="screen" /> 

मेरी N78 नोकिया के डिफ़ॉल्ट ब्राउज़र और ओपेरा मिनी लोड screen.css बजाय mobile.css पर।
मुझे क्या याद आ रही है?

Answer 1

नोकिया N78 S60 ब्राउज़र का उपयोग करता है, जो केवल "स्क्रीन" स्टाइलशीट पढ़ता है। यह "हैंडहेल्ड" नहीं पढ़ेगा। यह मीडिया क्वेरी का समर्थन नहीं करता है। यहाँ सब कुछ टाइप करने के लिए कोशिश कर के बजाय, इस लेख पर एक नजर है और आप समस्या का समाधान होगा - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

एक उदाहरण के रूप में iPhone का उपयोग करना:

<link media="only screen and (max-device-width: 480px)" 
href="iPhone.css" type="text/css" rel="stylesheet" /> 

मुझे नहीं पता कि जो ब्राउज़रों/उपकरणों करता है और इसके लिए काम नहीं करता है। आईफोन के लिए मैंने विकसित किया एकमात्र मोबाइल डिवाइस है। लेकिन मुझे यकीन है कि आप इसे अपने नोकिया के साथ एक शॉट दे सकते हैं।

More on media queries

Answer 3

ओपेरा मिनी, क्योंकि यह अपने व्यवहार और क्षमताओं के लिए सबसे अच्छा फिट बैठता है मीडिया प्रकार स्क्रीन का उपयोग करता है। हालांकि, यदि आप मोबाइल व्यू मोड पर स्विच करते हैं तो यह हैंडहेल्ड स्टाइलशीट का उपयोग करेगा। अधिक जानकारी के लिए A developer’s look at Opera Mini 5 beta 2 देखें।