La taille de police ne s'adapte pas automatiquement a toutes les dimensions d'écran 
Auteur : Kemmar A.Bonjour;
En effectuant des tests, google me signale que la taille de police de mes sites ne s'adapte pas automatiquement a toutes les dimensions d'écran. Les textes sont illisibles sur les petits appareils...
Google: en précisant width=device-width au lieu de width=1134 permet à votre page de s'adapter à des appareils de largeurs différentes. Des opérations supplémentaires peuvent être nécessaires pour adapter le style de votre page à de plus petits écrans.
Your page specifies a fixed-width desktop viewport. Use a responsive viewport to allow your page to render properly on all devices.
Configuring a viewport specifying width=device-width instead of width=1134 will allow your page to adapt for devices of various widths. This may require additional work to adapt your styling for smaller screens.
J'ai donc ajouté la ligne: <meta name="viewport" content="width=device-width" /> pour tout le site, ça marche mais il y a un autre problème qui est apparu, on ne vois pas toute la page sur les écrans mobiles, seule une petite partie a gauche est visible, il faut a chaque fois faire un défilement horizontale pour voir tout le conenu de la page....
Quelle ligne de commande je doit ajouter pour corriger ? j'aimerais que les pages soient centrées pour les petits appareils mobiles (juste le contenu, pas le menu).
J'ai déjà ajouté: <meta name="viewport" content="width=device-width" /> , il ne reste plus que le centrage des pages...
Regardez cette image, c'est un exemple:
Salut Kemmar, vu ça il y a peu de temps au sujet du "Viewport" :
http://answers.websitex5.com/post/89372
Si cela peut t'aider ?
J.P.
Auteur
Merci Jp, mais ça ne fonctionne toujours pas, on vois seulement la partie gauche sur les petits appareils.
Même le site de "Incomedia" n'est pas configuré pour l'affichage sur mobiles, je viens de tester.
Google attribut une note expérience utilisateur de:
Avec la version professionelle on est censés être les premiers sur les moteurs de recherche, comme c'est indiqué sur le site d'Incomedia. Elle est censée être pleinnement compatible pour l'affichage sur les appareils mobiles.
J'ai fait quelques tests avec d'autres sites, comme "Wikipedia" et "CCM", leurs pages s'affichent parfaitement au centre, sans le menu, mais parfaitement bien centrées.
Donc les pages uniquement, pas le menu. Moi j'ai les menus a gauche.
Si l'on ajoute les menus, ça sera illisible forcément...
Auteur
Je prend la chose très au sérieux, c'est le classement de mes sites qui est en jeux
Google classe en 1ère ligne les sites correctement configurés pour les mobiles
Regardez cette image, c'est un exemple:
Auteur
Un autre exemple avec le site de wikipedia
Auteur
On vois que le texte est bien lisible avec le site de "wikipedia" mais sur le site d'incomedia on arrive pas a lire....
Merci de nous comprendre.
Auteur
A mon avis, il faudrait retirer la ligne: <meta name="viewport" content="width=960" /> et la remplacer par:
Soit: width=device-width
Soit: <meta name="viewport" content="width=device-width, initial-scale=1.0">
Je ne sais pas, il faut tester, mais je pense qu'il faudra d'abord retirer la ligne <meta name="viewport" content="width=960" /> pour que ça puisse correctement fonctionner
Hello Kemmar,
Did you test the website directly on mobile devices or you made only the google test?
the viewport code added by the program is directly based on the structure of the websites made by the program to adapt them best to mobile devices and in case you want to havew a website available also on mobile devices it is better to avoid as width 1134 px but use a lower width so the content is shown better on mobiel devices.
In case you want to have the different viewport code you can do this by editing the files hor.html and ver.html in
C:\Program Files\WebSite X5 v10 - Professional\Templates\_Custom
where you replace
<meta name="viewport" content="width=<!-- SiteWidth -->" />
with your custom code.
Many thanks!
***** Google Translation:
BonjourKemmar,
Avez-vous testéle site directementsur les appareils mobilesouque vous avez faitquele testgoogle?
le code ajoutépar le programmede la fenêtreest directement fondée surla structuredessites réaliséspar le programmepour lesadapter au mieuxaux appareils mobilesetau cas où vousvoulezhavewunsiteégalement disponiblesur les appareilsmobiles, ilest préférable d'éviterque la largeur1134pxmaisutiliserune largeurinférieuresile contenu estmieux représentésur les appareilsMobiel.
Dansle cas où vousvoulez avoir lecode différentde la fenêtre, vouspouvez le faireen modifiant lesfichiershor.htmletver.htmldans
C:\ Program Files \WebSite X5v10-Professional\ Templates \_Custom
oùvous remplacez
<meta name= "fenêtre" content ="width =<-!SiteWidth->"/>
avec votrecode personnalisé.
Merci beaucoup!
Auteur
Salut Ricardo;
Vous avez raison, c'est le test de google page speed qui est érroné, mes sites sont parfaitement lisibles sur les appareils mobiles, j'ai fait des tests dans un magasins qui vend des tablettes et Iphones.
Même avec une largeur de 1134 c'est parfaitement lisible sur un petit appareil de 300 mm environ.
Pas besoin de créer un deuxième site pour appareils mobiles, il faut juste mettre "verdana 10 ou 11 sur les menus...
Toutes mes excuses...