1485 sujets

Web Mobile et responsive web design

Bonjour

Je travaille sur un site avec des media-queries pour les mobiles et j'ai fait mes vérifications sur chrome, l'outil d'émulation.
Tout passe, mais quand je l'ai regardé sur un vrai galaxy 4 mini, c'est la catastrophe, comme s'il ne comprenait pas du tout les pourcentages pour réduite le logo, et la marge de gauche, et le footer est coupé en deux dans le sens de la largeur. C'est donc illisible.

Donc premièrement que puis-je faire ?

D'autre part, j'ai mis mon logo à 20% en haut à gauche, fixe (dans la maquette originale aussi)
Mais j'ai dû mettre la marge de gauche des boîtes à 55%, pour que les textes ne passent pas par dessus.
Je ne suis pas très douée en calcul, mais là, il n y a quelque chose qui m'échappe.

J'ai aussi donné une dimension en pixels au footer de 700px pour qu'il aille jusqu’au bout.
Je ne comprends pas comment c'est possible, et comment cela fonctionne du coup, ou alors j'ai tout faux Smiley decu .

En résumé, ai-je utilisé la bonne technique des %, et quid des émulateurs ?

Merci de vos commentaires