Bien afficher un site pour smartphone sur ipad

Bonjour,

J'utilise jquery mobile pour le menu de mon site mobile!
Il semble que je dois utiliser la technique responsive pour que cela s'affiche bien aussi pour les tablettes.

En fait, sur iPad, ou tablette en général, les images des onglets s'étirent et s'affichent mal en conséquence. Je veux utiliser des images plus grandes adaptées aux tablettes lorsque la résolution augmente.

Comment faire cela? le code CSS

Lien: http://www.haikajy.com/mobile2/commerces

Bonjour,

Media Queries + pixel ratio...
Une piste chez la charmante Stephanie Walter, quelques réflexions chez l'ami Raphaël

Merci pour ta réponse

Je vais voir Media Queries.
Je suis donc obligé de ne pas utiliser <img src mais utiliser background-image car sinon l'image ne sera pas remplacée lorsque la résolution augmente selon le support client (smartphone et tablette)

A voir: http://www.haikajy.com/mobile2/commerces

Nouvelle question:
Comment centrer ce site mobile? J'ai mis un max-width à 720px!
Puis j'ai utilisé sur le div principal un margin:0 auto
mais le site ne se centre pas? Pourquoi?

J'ai résolu le bug du centrage avec margin:0 auto

En fait, la position était "absolute", il faut changer en "relative"