Affichage d'un design sur téléphone portable

Plugins Energie
,
1

Bonjour,

J’ai un petit soucis d’affichage d’un design sur téléphone portable (android) que je n’arrive pas à résoudre.

Voici le rendu de ce design sur PC :

solaire_PC
solaire_PC755×650 38.7 KB

C’est juste l’affichage d’un équipement issu de l’excellent plugin ‹ Widget Onduleur ›.
J’ai spécifié comme valeurs de largeur et hauteur celles de l’image générée par le plugin : 755 x 650

Lorsque je veux l’afficher sur mon téléphone, en mode consultation html, voici ce que ca donne en mode portrait :

solaire_phone_portrait
solaire_phone_portrait1080×2392 122 KB

et en mode paysage :

solaire_phone_paysage
solaire_phone_paysage2392×1080 153 KB

Ce qui m’intéresse principalement, c’est le mode portrait. On voit que l’affichage est tronquée vers le bas, par rapport à la capacité de l’écran ; je ne comprends pas pourquoi.
J’ai essayé de modifier le paramétrage du design, en passant la hauteur à 900 pixels.
En mode PC, l’image s’agrandit par le bas, et rajoute du blanc.
En mode téléphone portrait, ca ne change rien à l’affichage.

Je peux bien sur, dans tous les cas, faire glisser l’image vers le haut ; mais je perds toujours une bonne partie de mon écran, coté vertical.

Je suis preneur de toute suggestion pour traiter cela ; j’ai cherché un bon moment, je suis coincé.

Merci

2

Hello,

Le widget ne serait pas plus grand que la taille de ton design par hasard ?
Quel est le navigateur ? le navigateur est en mode PC ou mobile ?

3

Hello @Phpvarious,

Merci de ta réponse et de tes pistes de recherche.

J’ai calculé la taille du widget sur PC en faisant une copie d’écran à la dimension exacte, et en reprenant le nombre de pixels en hauteur et largeur.
J’ai ensuite indiqué ces valeurs dans le design ; le résultat sur PC restitue le widget en entier, sans rajouter de parties vides. Ça valide les valeurs.

Lorsque j’ai essayé d’augmenter la hauteur du design (passé de 650 à 900), le design sur PC représente le widget en entier, avec une partie vide (blanche) rajoutée en bas.
Ça ne change pas le ‹ soucis › d’affichage sur le téléphone.

Le navigateur sur le portable (android) est firefox, en mode mobile.

J’ai fait les essais précédents et suivants avec firefox et chrome sur le téléphone, même résultat.

Sur le portable, j’ai changé l’url d’accès au design : j’ai ajouté le paramètre ‹ fullscreen=1 ›

https://xxxx/index.php?v=m&fullscreen=1&p=plan&plan_id=3

Si firefox est en mode ‹ version ordi ›, ca donne cela :

solaire_v=d_PC
solaire_v=d_PC1080×2392 126 KB

et ceci en version mobile :

solaire_v=d_mobile
solaire_v=d_mobile1080×2392 122 KB

Si je change le paramètre ‹ v=m › par ‹ v=d ›, le résultat est identique.

Le mode ‹ version ordi › convient à peu près ; c’est dommage d’avoir ce décalage sur la droite (il suffit de faire un glisser vers la gauche), et qu’il soit autant dézoomé.

On voit que, dans les 2 cas, la partie basse de l’écran est tronquée ; faut-il que j’essaie avec un autre téléphone ?

Le but final de ma demande : c’est de pouvoir intégrer ce design dans JeedomConnect ; voir ce post, qui a été cloturé car finalement un peu hors sujet :