CSS4 मीडिया क्वेरी टचस्क्रीन डिवाइस सपोर्ट को बेहतर बनाएगी

मीडिया क्वेरी स्तर 4 मानक का एक मसौदा कल प्रकाशित किया गया था । भविष्य के मानक के मुख्य नवाचारों - pointer और hover गुण - का उद्देश्य उंगली से चलने वाले उपकरणों के लिए समर्थन में सुधार करना है।

hover प्रॉपर्टी 1 है यदि डिवाइस में एक पॉइंटर है जिसे आप बिना क्लिक किए किसी आइटम पर hover कर सकते हैं, और 0 नहीं तो। डेस्कटॉप कंप्यूटर से परिचित वेबसाइट का व्यवहार, जब माउस पॉइंटर तत्व पर मँडराते समय ड्रॉप-डाउन मेनू या टूलटिप प्रकट होता है, तो टेबलेट और स्मार्टफ़ोन के उपयोगकर्ताओं के लिए कई समस्याएं पैदा होती हैं। hover संपत्ति आपको इसे पूरी तरह से त्यागने की अनुमति नहीं देती है, लेकिन जहां संभव हो, इसका उपयोग करना जारी रखें। एक उदाहरण:

@मीडिया (होवर) {
.menu > ली { प्रदर्शन : इनलाइन- ब्लॉक ; }
.menu उल { प्रदर्शन : कोई नहीं ; स्थिति : निरपेक्ष ; }
.menu ली : होवर उल { प्रदर्शन : ब्लॉक ; सूची-शैली : कोई नहीं ; गद्दी : 0 ; }
}

pointer संपत्ति coarse मान ले सकती है - उंगली से चलने वाले टचस्क्रीन के लिए, माउस या स्टाइलस के लिए fine , और none । एक उदाहरण:

@मीडिया (सूचक: मोटे) {
इनपुट [ प्रकार = "चेकबॉक्स" ] , इनपुट [ प्रकार = "रेडियो" ] {
न्यूनतम-चौड़ाई : 30 पीएक्स ;
न्यूनतम ऊंचाई : 40 पीएक्स ;
पृष्ठभूमि : पारदर्शी ;
}
}

pointer और hover अलावा, एक और संपत्ति दिखाई दी - एक script । यदि डिवाइस जावास्क्रिप्ट और 0 का समर्थन करता है तो यह 1 का मान लेता है, या यदि वर्तमान में जावास्क्रिप्ट अक्षम है।

कोड हाइलाइटिंग - highlight.hohli.com