Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Page mobile refaite

15 réponses
Avatar
Photo
Bonjour,

Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :

https://www.grenault.net/photos/cflore.htm

Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

A vérifier sur un mobile !

Merci pour votre aide.

5 réponses

1 2
Avatar
Photo
Le 08/03/2017 à 19:28, Eric Demeester a écrit :
Bonsoir,
Photo (Wed, 8 Mar 2017 18:06:54 +0100 -
fr.comp.infosystemes.www.auteurs) :
Le 08/03/2017 à 17:01, Eric Demeester a écrit :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite


Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande),


Je n'ai pas ces problèmes sur le Galaxy Ace (3.5"), ni sur le Galaxy S4,
ni sur le S7 (5")... Merci pour ton aide.

Je viens de regarder, j'ai pile-poil les mêmes problèmes sur mon vieux
téléphone Samsung Galaxy Young avec le navigateur Androïd embarqué. Pour
ce qui est du décalage horizontal en mode vignette, je constate le même
sur les copies d'écran de Sergio.
Mais bon, ça ne me dérange pas plus que ça. Pour moi, naviguer sur
Internet avec un téléphone relève de la torture et je ne le fais qu'en
cas d'absolue nécessité, à savoir à peu près jamais :)

C'est bizarre ça... Peut être une version non mise à jour ?
Merci pour ton témoignage !
--
https://grenault.net/accueil.htm
Avatar
Photo
Le 08/03/2017 à 18:21, Sergio a écrit :
Le 08/03/2017 à 12:47, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

Un "vrai" mobile : Sous Opera Mini.
- Sous "Photos" il y a un petit rond à moitié coupé que je ne sais pas
ce qu'il veut dire.
( https://framapic.org/iWVsWviDLmGd/lQ0uU8ttttkO.png )
- Pour chaque photo (https://framapic.org/qMUJRwPwHVGF/ovHRB2ObJ6ld.png ):
- Le texte explicatif est vraiment petit
- Les boutons "suivant" / précédent" ne sont pas très intuitifs (un <<
et un >>) et aussi petits. On aurait préféré de vraies flèches à gauche
et à droite.

Opera Mini = Qualité Mini...
Merci pour ton message !
--
https://grenault.net/accueil.htm
Avatar
Photo
Le 08/03/2017 à 17:01, Eric Demeester a écrit :
Bonjour,
Photo (Wed, 8 Mar 2017 12:47:59 +0100 -
fr.comp.infosystemes.www.auteurs) :
https://www.grenault.net/photos/cflore.htm
A vérifier sur un mobile !

C'est compliqué pour moi sur un mobile, mais en utilisant l'option
« Fenêtres -> Voir les Modèles adaptatifs » du plugin Web Developer de
Firefox, je constate que :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite :
http://www.mailody.org/vrac/01-gr-mobile-vignettes.jpg
Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande), et il manque un bouton pour revenir à l'affichage des
vignettes :
http://www.mailody.org/vrac/02-gr-mobile-photo.jpg
Je pense qu'il faudrait envisager des feuilles de styles adaptatives, du
« responsive design » pour utiliser un terme à la mode, ça t'éviterait
d'avoir à développer deux versions de ton site, tout en te permettant
d'optimiser l'affichage quelle que soit la taille de l'écran utilisé par
le visiteur.
J'ai commis cette page qui vaut ce qu'elle vaut, on pourrait par exemple
l'améliorer en faisant varier la taille des polices de caractère en
fonction de la taille d'affichage (et en corrigeant les quelques erreurs
de CSS / Javascript mais je suis une feignasse) :
http://www.gainsbart.org/
Je me suis appuyé sur Pure Css [*], plus quelques bricolages pour rendre
les tailles des images et de la vidéo élastiques en conservant les
proportions, amuse-toi à changer la taille de la fenêtre de ton
navigateur pour voir ce que ça donne.
Merci pour votre aide.

De rien :)
[*] https://purecss.io/

Bien noté merci !
Mis il faut vraiment regarder sur un smartphone en dur... C'est toujours
différent...
--
https://grenault.net/accueil.htm
Avatar
Photo
Le 08/03/2017 à 12:52, Duzz' a écrit :
Le 08/03/2017 à 12:48, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?
A vérifier sur un mobile !
Merci pour votre aide.

Il existe des sites web pour ça. Voir ici :
<https://www.google.fr/?gws_rd=ssl#q=tester+site+web+version+mobile&*>

Oui, mais je n'ai pas confiance du tout...
Merci !
--
https://grenault.net/accueil.htm
Avatar
Eric Demeester
Bonjour,
Photo (Fri, 10 Mar 2017 12:53:07 +0100 -
fr.comp.infosystemes.www.auteurs) :
Le 08/03/2017 à 19:28, Eric Demeester a écrit :
Je viens de regarder, j'ai pile-poil les mêmes problèmes sur mon vieux
téléphone Samsung Galaxy Young avec le navigateur Androïd embarqué.


[...]
C'est bizarre ça... Peut être une version non mise à jour ?

C'est un vieux téléphone avec un écran de 3.6" sous Android 2.3.6,
impossible à mettre à jour vers une version plus récente, mais la page
« élastique » que je te citais (http://www.gainsbart.org), ayant pour
base la feuille de style « responsive » proposée par PureCSS, s'affiche
sans problème dessus.
1 2