Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

Um recurso muito interessante das CSS media features é a possibilidade de escrevermos regras baseadas no input primário do usuário, ou seja, se o dispositivo utilizado para acesso tiver capacidade para hover (exemplo do mouse), executa a regra determinada no CSS.

Veja como é simples:

Lembrando que tablets também podem ter acesso a larguras acima de 1024px, impossibilitando usarmos somente breakpoints como medida para determinar se está sendo usado touchscreen ou não.