CSS: tamanho e resolução de tela

A tela touch do telefone celular é a principal forma de interação do usuário com o dispositivo, por isso o seu tamanho pode influenciar diretamente no conforto e precisão do toque. A medição do display se dá em diagonal, ou seja, trançando uma linha inclinada de um canto ao outro da tela. A unidade de medida usada para determinar esse tamanho é a polegada, que equivale a 2,54 cm. O iPhone SE de 4 polegadas, por exemplo, tem uma tela que mede 10,16 em centímetros de uma ponta a outra.

Tão importante quanto escolher bem o tamanho da tela, contudo, é observar a resolução do display. Mas para entender do que isso se trata, é preciso conhecer antes uma pequeníssima unidade: estamos falando dos pixels, pequenos pontos luminosos que, juntos no display, ajudam a formar a imagem. Quanto maior a quantidade deles, maior será a definição do vídeo.

Além do tamanho da tela do dispositivo, expressa em polegadas, é importante reconhecer como é calculada a resolução de tela. A resolução de tela é calculada e expressa pixels, pequena unidade de medida geralmente que define a resolução da tela. Quanto maior a quantidade de pixels de uma tela, maior será a definição da imagem exibida.