Consultas de mídia apenas para o iPhone 4 / 4S! (Parte II)

Usando este código, você poderá adicionar regras de estilo personalizadas apenas para o iPhone 4 / 4S. Se você deseja direcionar o iPhone 5, consulte este protocolo . Se você preferir a sintaxe sass / scss, verifique meu repositório no github: sass-mediaqueries .


Apenas iPhone 4 / 4S (ambos: paisagem e retrato)

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{
...
}

Apenas iPhone 4 / 4S (modo retrato)

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
...
}

Apenas iPhone 4 / 4S (modo paisagem)

@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape)
{
...
}