Responsive avec outils google mais pas avec réduction de fenêtre

[dev-muss]

Bonjour,

J'ai mon site en ligne qui est responsive sur les mobiles et tablettes mais quand je réduis la fenêtre de mon navigateur, il ne l'est pas ! Est-ce parce que, quand je faisais mon responsive, je testais mon site avec les outils google ou cela n'a rien avoir ?

Mon portfolio : http://dev-muss.fr

Merci d'avance pour vos réponses .

 

[Furtif]

Bonjour,

J'ai mon site en ligne qui est responsive sur les mobiles et tablettes

Desole de te decevoir, mais ton ste n'est absolument pas responsive (galaxy Note par ex)
Il faut revoir ta copie....

https://www.google.com.au/search?q=...rome..69i57.6404j1j8&sourceid=chrome&ie=UTF-8
http://beta.rdsign.net/articles/guide-pour-débutant-sur-le-responsive-web-design

 

[ABCWEB]

Site pas du tout responsive. Pourtant d'après tes compétences tu t'en ors très bien..

Ctrl+Shift+M pour tester le responsive design sur firefox

 

[cthierry]

Complément du coup :
https://www.webrankinfo.com/forum/t/idees-pour-ameliorer-mon-design-et-mon-contenu.193846/

 

[dev-muss]

Ok je vous remercie ! Du coup c'est mieux de faire du responsive en testant directement dans la fenêtre du navigateur de son ordi et pas sur les outils de test google (F12) ?

 

[ABCWEB]

je vois pas comment tu test le responsive design en faisant f12

 

[Furtif]

je vois pas comment tu test le responsive design en faisant f12

Bah ca ouvre la console dev.. et le 2eme icon en partant de la gauche (barre de menu console) te donne acces aux tests responsive

 

[ABCWEB]

Sur quel navigateur?

 

[cthierry]

Ok je vous remercie ! Du coup c'est mieux de faire du responsive en testant directement dans la fenêtre du navigateur de son ordi et pas sur les outils de test google (F12) ?

Perso je le teste sur Chrome avec F12 puis Ctrl + Shift + M <= la deuxième à gauche comme te dit Furtif
Mais le mieux est aussi de tester ensuite le site sur un mobile sous Android et aussi sur iOS avec les navigateurs embarqués. Parfois on a des surprises

 

[Furtif]

Chrome

Sur quel navigateur?

Chrome , firefox developer edition, firefox

 

[spout]

@ABCWEB https://developers.google.com/web/tools/chrome-devtools/device-mode/

 

[ABCWEB]

ah ok je connaissais juste le raccourci. Jamais fait gaffe à l'icone

 

[spout]

@ABCWEB comme le CTRL+SHIFT+C, qui est clairement le raccourci que j'utilise le plus, et dont j'ai pitié qd je vois un dev qui fait ça avec click droit

 

[Furtif]

CTRL+SHIFT+C,

F12 c'est plus rapide.... moins de touches...

 

[spout]

F12 c'est plus rapide.... moins de touches...

Pour inspecter un élément à l'endroit du curseur de la souris, non.

 

[dev-muss]

F12 plus simple, je dirai aussi !
cthierry, crois moi je teste toujours mon site quand un smartphone me tombe dans les mains, et mon site me semble correct ! Comme quand je le vois dans l'outil google . Mais je l'ai testé sur un écran 24 pouces et je n'étais pas content du résultat .