Responsive et chrome + safari ipad/iphone

Bonjour,

je viens de terminer la mise en ligne d'un site +/- responsive.
Il fonctionne très bien sur l'ensemble des navigateurs testés (récent) mais j'ai un problème sur Iphone et Ipad.

En effet dans les css j'ai mis un media screen pour forcer les "table" a s'afficher comme des lignes (chaque td devient "une table").... ce qui ne fonctionne pas avec ipad/iphone.

[E-mail visible pour les membres Pro] screen and (max-width: 768px) {
table,
tbody,
tr,
td {
display: block;
width: 100%!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
clear:left;
}

J'ai vu que le problème est répandu ... mais je cherche une solution sans JS ou Query.

Merci