Como nadie ha contestado y he encontrado la solución, me contesto yo solo a ver si puedo ayudar a alguien:
Lo que he hecho ha sido cargar una hoja de estilos diferentes cuando se trata de un Ipad. os dejo el codigo:
Código:
if (navigator.platform == "iPad") {
document.write("<LINK REL='stylesheet' HREF='css/style-ipad.css' TYPE='text/css'>");
}
else {
document.write("<LINK REL='stylesheet' HREF='css/base.css' TYPE='text/css'>");
}