Designing for Different Devices (Viewport Size, Touch/Hover, etc.)

A recomendação geral é: não faça isso. Por que esse tipo de experiência deveria ser diferente com base no tamanho da tela?

Um experimento mental útil é: como você espera que ele se comporte em telefones dobráveis ou tablets, que não se encaixam explicitamente nos baldes de celular/desktop.

Se você realmente quiser que esse tipo de mudança de comportamento seja baseado no user-agent do navegador (como funcionavam os antigos modos mobile/desktop), então temos capabilities.isMobileDevice, que literalmente verifica a palavra “mobile” na string do user-agent:

1 curtida