Как настроить таргетинг на устройства с сенсорными экранами / без мыши? - PullRequest
Новая
       8

Как настроить таргетинг на устройства с сенсорными экранами / без мыши?

0 голосов
/ 24 июня 2018 
@media (hover: none) {
  main {
    a {
      display: none;

    }
  }
}

Вот код, который я пробовал, но, похоже, он не дает никакого эффекта

1 Ответ

0 голосов
/ 24 июня 2018

Хотя напрямую невозможно определить, существует ли мышь (в конце концов, на ноутбуках с сенсорным экраном все-таки может быть мышь), доступен медиа-запрос! 

@media (pointer: coarse) {
  /* rules */
}

Определяет, является ли грубый указатель (например, палец) в настоящее время основным устройством. Если вы хотите проверить, является ли какое-либо из грубых устройств , вы можете использовать следующее. 

@media (any-pointer: coarse) {
  /* rules */
}

Если вы пытаетесь настроить таргетинг на устройства, которые не имеют сенсорного экрана или аналогичные, используйте pointer: fine или any-pointer: fine.

Кроме того, существует @media (hover), хотя Firefox в настоящее время не поддерживает это (на MDN ).

Редактировать: При ближайшем рассмотрении похоже, что Firefox не поддерживает pointer или any-pointer либо 10

...