Usando este código, você poderá adicionar regras de estilo personalizadas apenas para o iPhone 5. Se você deseja direcionar o iPhone 4 / 4S, consulte este protocolo . Se você preferir a sintaxe sass / scss, verifique meu repositório no github: sass-mediaqueries .
Apenas iPhone 5 (ambos: paisagem e retrato)
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
...
}
Apenas iPhone 5 (modo retrato)
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
...
}
Apenas iPhone 5 (modo paisagem)
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
...
}