問題:
為什麼CSS 停留在行動裝置上不起作用?我有一個 CSS 懸停類,可以在桌面瀏覽器上無縫運行,但無法在行動裝置上觸發。
答案:
CSS :hover 偽類依賴於區分「指向」和「選擇/啟動」的指向裝置。基於觸控的行動裝置通常缺乏專用的指向機制,僅提供後者。此外,某些筆介面還將功能限制為啟動而不是指向。
如W3C 文件所解釋的,「:hover 在使用者指定元素(使用某些指點裝置)時適用,但不會啟動它。使用者不支援互動式媒體的代理不必支援此偽類。 ”
因此,CSS懸停在行動裝置上的相容性取決於特定裝置。然而,由於缺乏專用的指點設備,通常預計它無法運作。避免僅依賴 :hover 來處理行動裝置上的事件是至關重要的。隨著觸控螢幕設備的日益普及,僅指針事件的可用性正在減少。
以上是為什麼 CSS 懸停在行動裝置上不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!