] इस प्रश्न के वर्तमान उत्तर टच इवेंट क्षमताओं का उपयोग करके इसे पूरा करने के लिए तरीके प्रदान करते हैं। हालाँकि, यह दृष्टिकोण अपर्याप्त है क्योंकि यह उन उपकरणों के बीच अंतर नहीं कर सकता है जिनमें माउस और टच इनपुट क्षमताओं दोनों हैं।

एक अधिक सटीक समाधान CSS4 मीडिया इंटरैक्शन सुविधाओं का उपयोग करना है। ये विशेषताएं डेवलपर्स को इंगित करने वाले उपकरणों की उपस्थिति और सटीकता, जैसे चूहों या टच स्क्रीन की उपस्थिति और सटीकता को क्वेरी करने की अनुमति देती हैं। निम्नलिखित विकल्प उपलब्ध हैं:

@मीडिया (पॉइंटर: मोटे) {...} // सीमित सटीकता इंगित करें @Media (सूचक: ठीक) {...} // सटीक इशारा करने वाला उपकरण @Media (पॉइंटर: कोई नहीं) {...} // कोई इशारा करने वाला डिवाइस

@media (pointer: coarse) { ... } // Limited accuracy pointing device
@media (pointer: fine) { ... } // Accurate pointing device
@media (pointer: none) { ... } // No pointing device

@media (hover: hover) { ... } // Can hover
@media (hover: none) { ... } // Cannot hover

 इसके अलावा, यह विचार करना महत्वपूर्ण है कि माउस इनपुट की कमी भी कीबोर्ड-केवल डिवाइस की उपस्थिति का संकेत दे सकती है। CSS4 मीडिया इंटरैक्शन सुविधाएँ प्रभावी रूप से दोनों प्रकार की इनपुट सीमाओं का पता लगा सकती हैं।