CSS 媒體查詢提供了一種根據各種裝置特徵調整網站樣式的便捷方法。雖然媒體查詢不直接支援確定設備是否為觸控螢幕,但有一個新興的媒體功能可以解決此問題。
CSS4 媒體查詢草案引入了「指針」媒體功能,用於查詢設備上的指點設備是否存在及其準確性。此功能採用以下值:
「可以如下使用指標媒體功能來定位非觸控螢幕裝置:
@media (pointer:coarse) { /* CSS styles for non-touchscreen devices */ }
某些瀏覽器目前支援「指標」媒體功能,但相容性有所不同。 Quirksmode。解決方案。 Modernizr
:提供一整套特徵檢測工具,包括觸控螢幕結論
以上是如何使用 CSS 媒體查詢偵測非觸控螢幕裝置?的詳細內容。更多資訊請關注PHP中文網其他相關文章!