1485 sujets

Web Mobile et responsive web design

Bonjour, j'essaie de prendre en compte les différents média qui peuvent existé (mobile, pc, etc) pour me site web.

Ce matin j'essaie de visualiser mon site avec Screenfly et en choisissant comme média mon telephone Samsung Galaxy SII:

http://quirktools.com/screenfly/#u=http%3A//matos.lololock.fr&w=360&h=640&a=38

et voila le résultat ci dessus, rien n'a y comprendre sérieux

alors que sur mon écran de téléphone tout est bien mis en place, nous pouvons le voir sur ma capture de mon téléphone ci-dessous:
upload/52523-SC20140514.png

Une idée les amis
Modifié par chlock (14 May 2014 - 13:47)
L'affichage est normal, ton site web ne semble pas être responsive.
Il semble du coup logique qu'il s'affiche de cette manière.
Bonjour,

A vrai dire je ne comprend pas trop ta réponse cher ami

L'affichage du site sur le site de testeur d 'écran média ci-dessous m'affiche un affichage perturbé, normal car je n'utilise aucun responsive, je suis d'accord avec toi
http://quirktools.com/screenfly/#u=http%3A//matos.lololock.fr&w=360&h=640&a=38

Donc pour moi sur mon telephone Samsung Galaxy SII donc le même écran média choisi que sur le site devrai me représenté un affichage perturbé également vue qu'il n'y a pas de responsive.

Il m'affiche le site correctement sur le téléphone sans aucun responsive, je comprend pas ?

Merci l'ami
Modifié par chlock (04 Jun 2014 - 12:25)
Hello,

Tu démontres encore une fois que les outils en ligne de simulation de navigateurs ne remplaceront jamais le test sur de vrais navigateurs mobile / bureau !
Si tu veux un rendu correct de ton site il faudra en effet que tu l'adapte en responsive en css !
Si vraiment tu ne veux pas coder, tu peux forcer le width du viewport, mais je déconseillé.
Plus d'info sur le viewport : http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

En espérant que cela te donne une piste sur ton problème !