RWD Devices

Principais dispositivos

Aqui você encontra os principais dispositivos do mercado e informações para desenvolver seu app e site melhor.

Como funciona

As dimensões em pixel são a contagem de pixel no hardware físico.

• Smartphones estão listados no modo Retrato (portrait), por isso a largura sempre é menor que a altura (width x height).
• Já nos tablets e PCs, estão listados no modo Paisagem (landscape), por se tratarem de dispositivos utilizados nesse modo por padrão, sendo assim, a largura sempre será maior que a altura.

CSS Pixel Ratio é a taxa de pixels entre o pixel do hardware e o CSS Pixel, definido pelas especificações do CSS 2.1.

• ldpi (low) ~120dpi - 0.75
• mdpi (medium) ~160dpi - 1
• hdpi (high) ~240dpi - 1.5
• xhdpi (extra-high) ~320dpi - 2
• xxhdpi (extra-extra-high) ~480dpi - 3
• xxxhdpi (extra-extra-extra-high) ~640dpi - 4

As telas de alta densidade (Hight Density), costumam ter mais de 200dpis, então os valores de pixels devem ser divididos para a escala de referência correta ao pixel utilizado.

The reference pixel is the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm's length. For a nominal arm's length of 28 inches, the visual angle is therefore about 0.0213 degrees. For reading at arm's length, 1px thus corresponds to about 0.26 mm (1/96 inch). http://www.w3.org/TR/CSS2/syndata.html#length-units

As dimensões do dispositivo são as dimensões de CSS Pixel em escala de 100%. Podemos indicar isso ao dispositivo por meio da viewport meta tag:

<meta name="viewport" content="width=device-width" />

O CSS Pixel Width pode ser calculado dividindo a largura do dispositivo (valor de pixels), por sua taxa de pixels (CSS Pixel Ratio), e arredondando o valor para inteiro.

Fontes

• Identify your iPad model (Support Apple).
• List of iOS Devices - iPad (Wikipedia).
• iPad (Wikipedia).

Legenda

• NOVO
• ATUAL
• DESCONTINUADO (com suporte)
• DESCONTINUADO (sem suporte)
• VINTAGE
• OBSOLETO