Consultas de mídia apenas para o iPhone 5! (Parte I)

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