css @media para probar si es iPhone o Android

Hago un website con el pie de página siempre atado a la parte inferior:

css:

bottom: 0; 

Estaba bien hasta que lo probé con el teléfono mobile. Aparece bien en el iPhone pero se apaga en la pantalla de Android. Entonces uso @media para verificar el tamaño de la pantalla:

 .footer { bottom:0; } @media only screen and (max-device-width: 480px) { .footer { bottom:150px; } 

Ahora funciona para Android, pero en iPhone, el footer está desplazado desde la parte inferior. ¿Cómo puedo resolver esto? ¿Hay alguna forma de detectar si hay iPhone o Android?

Use la herramienta Google Check Web Google Tools

Utilice el complemento firebug en firefox. Esta herramienta es útil