Largura máxima de celular (smartphone): 480px.
Qual largura é considerada celular?
O que é largura mínima e largura máxima?
Max-width e min-width podem ser usados juntos para segmentar um intervalo específico de tamanhos de tela. @media only screen and (max-width: 600px) and (min-width: 400px) {…} A consulta acima será acionada apenas para telas com largura de 600-400px. Isso pode ser usado para segmentar dispositivos específicos com larguras conhecidas.
Devo usar largura mínima ou largura máxima?
Quando usar qual: largura mínima ou largura máxima. Se você estiver projetando seu site para dispositivos menores primeiro, defina seus pontos de interrupção CSS padrão com largura mínima e ajuste para dispositivos maiores de acordo. Enquanto isso, se você estiver projetando para dispositivos maiores primeiro, use max-width e depois ajuste para dispositivos menores de acordo …