CSS: tamanho e resolução de tela

Tamanho de tela

A medida do display de dispositivo de mídia (telas desktop, laptops, tablets, e telefones celulares) é calculada pela medida diagonal expressa em polegadas. A linha diagonal é calculada de um ponto extremo ao outro da tela e a unidade de medida utilizada é a polegada (cada polegada equivale a 2,54 cm). O tamanho da tela de um dispositivo é muito importante não só para dar qualidade de visualização ao conteúdo exibido na tela de um dispositivo. As telas touch do telefone celular, por exemplo, é a principal forma de interação do usuário com o dispositivo. por isso pode influenciar diretamente no conforto e precisão do toque.

Resolução de tela

Além do tamanho da tela do dispositivo, expressa em polegadas, outra medida importante para reconhecer a qualidade da imagem do dispositivo é a resolução de tela. A resolução de tela é calculada e pela quantidade de pixels contida na área de uma polegada (N pixels/polegada). O pixel é a unidade de medida formada pelo menor ponto de luz que compõe as imagens da tela de um dispositivo. Nesse sentido, quanto maior a quantidade de pixels contidas em uma polegada de tela, maior será a definição da imagem exibida.