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)
{
...
}