1485 sujets

Web Mobile et responsive web design

bonjour,

je dois adapter un site sur iphone,
quand je teste le site sur safari (avec agent iphone) tout parait correct, mais avec le simulateur iOS la taille des polices est supérieure : elle déborde du cadre,
à priori un bête pb de CSS,
mais pour compliquer , voilà la situation :
le contenu est une page TUMBLR est appelée dans une iframe (elle même contenue dans un div) (TUMBLR est utilisé parce que ça évite de créer une page admin pour mettre à jour cette page dynamique)
donc pour le site bureau cette même page est appelé dans une iframe plus grande, donc il faudrait qu'un CSS local overwrite le style des polices pour l'affichage sur mobile....
mais comment ?

merci de votre aide
upload/34527-SnapzProX0.jpg
koona a écrit :
quand je teste le site sur safari (avec agent iphone) tout parait correct, mais avec le simulateur iOS la taille des polices est supérieure : elle déborde du cadre,
à priori un bête pb de CSS

Et quand tu testes avec un vrai iPhone, qu'est-ce que ça donne ?
Safari mobile redimentionne le texte avec une propriété css propriétaire.

Essaie avec ça :
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}

Modifié par Kaelig (01 Mar 2012 - 17:24)
a écrit :
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}


j'ai ajouté dans le "body" du html de TUMBLR qui est appelé dans l'iframe et ça fonctionne Smiley biggrin

Merci, Merci Smiley ravi