Estava vendo uma forma de determinar se o acesso do usuário é feito por um Desktop, normalmente tendo um mouse como dispositivo de interação. Ou se o usuário está acessando por um dispositivo Mobile, normalmente sem o mouse para fazer a interação com a tela.
Aí vi que existe a possibilidade de tratar isso com as regras @media (pointer: X)
ou @media (any-pointer: X)
onde em pointer: X
você define se existe ou não um mouse.
X
pode ser:
none
: Nenhum dispositivo apontador está disponível.coarse
: Pelo menos um mecanismo de entrada inclui um dispositivo apontador de precisão limitada.fine
: Pelo menos um mecanismo de entrada inclui um dispositivo apontador preciso.
Dúvidas
A dúvida é que tanto para pointer
quanto any-pointer
os valores são iguais e representam a mesma coisa, então qual é a diferença entre um e outro?
Existe alguma forma de reconhecer, por CSS, se o acesso está sendo por um dispositivo mobile
(que não tenha um mouse como dispositivo de entrada) e aplicar uma folha de estilo específica?
pointer
leva em consideração o mecanismo de entrada principal. oany-pointer
não. Vacê pode ler sobre eles nos links abaixo: pointer any-pointer Acredito que seja isso, espero ter ajudado.