1342 sujets

Web Mobile et responsive web design

Bonjour, nouveau sur le forum, mais un bon bout de temps que les supers tutoriels d'alsacréations me guident . Merci aux créateurs du site, et en particulier Raphael.
Je modifie mon site pour migrer vers du responsive design. Les menus déroulants, scrool ne semblent pas compatibles. Normal ? (il en est de même avec le module GRID) : problème résolu par suppression des menus. (pas très satisfaisant mais bon...)

mon vrai Pb est le rendu des animations CSS ( zoom au survol) qui fonctionnent sur PC, mais sur android, cela rend tous les modules flexbox non interprétés par le navigateur. (texte brut)
Plutôt que le code voici l'adresse : http://veloencevennes.free.fr/Pages-Menu/Galeries/Cirque-Borgne.html
Modifié par _laurent (08 Jan 2020 - 23:44)
Modérateur
Bonjour,

J'ai fini par comprendre ton souci (pourquoi tu n'as pas de réponse à ton sujet). Tu indiques un lien erroné (enlève le point dans l'url).

Avec mon smartphone, je me suis baladé sur ton site. Tu as pas mal de soucis au niveau responsive. Tu as régulièrement des débordements sur la droite.

En ce qui concerne ton sujet, ta galerie fonctionne bien chez moi (version Android 9).
Bonjour,
oui, toujours sur android, ton site à un problème en responsive. Je ne vois pas la balise <meta name="viewport" content="width=device-width, initial-scale=1.0"> dans le head. Balise quasi indispensable en responsive.
Des div et le nav dans le head, je ne sais pas si c'est recommandé. h2, sans avoir vu h1, ce n'est pas bon pour le référencement. À moins que h1 m'ait échappé.
Les menus sont presque illisibles. Je crois que la balise meta citée plus haut va arranger certaines choses, ce qui ne t'empêchera pas d'effectuer des ajustements de tailles de fontes. Le survol ne fonctionne pas en mobile, mais les liens du menu se sont ouverts chez moi sur un mobile.
Sur la page http://veloencevennes.free.fr/Pages-Menu/Galeries/Aigoual.html, tu vas, en mobile, avoir le même problème dont j'ai parlé récemment ici. Le déplacement des images à gauche, au survol va faire sortir de l'écran celles situées les plus à gauche. Enfin, sur cette page, ton footer n'est pas collé en bas de la page.
Sinon, le site est en place, il ne devrait pas y avoir trop de travail pour finaliser.
Pourquoi parles-tu de grid, alors qu'on ne voit pas de grille ?
L'url est fausse, il suffit de mettre http://veloencevennes.free.fr/. Il faut corriger rapidement ça, si tu veux avoir d'autres réponses.
Meilleure solution