Les images deviennent carrées en vue mobile

Soutien
1

J’ai remarqué que de nombreuses images téléchargées sont compressées en une image « carrée » dans la vue mobile.
Pourrais-je savoir s’il s’agit d’un design prévu ou du résultat d’un paramètre ?
Merci beaucoup !

Vue mobile :

image
image391×307 56.2 KB

Vue PC de la même image :
image
image925×460 145 KB

2

Téléchargement d’une image pour confirmer

image
image508×290 16.6 KB

Cette image a été téléchargée depuis mon iPhone sous iOS 14, et tout s’est bien passé. Peut-être que l’image est compressée sur votre téléphone avant le téléchargement ? Cela fonctionne parfaitement pour moi.

Quel navigateur et quelle version utilisez-vous ? Et quel système d’exploitation mobile et quelle version avez-vous ?

3

Notez qu’il s’agit de la même image à chaque fois, simplement consultée sur mobile ? Il semble que le calcul du ratio d’aspect ou de la hauteur ait été perturbé.

4

Merci d’avoir répondu.

Je ne pense pas que l’image soit compressée, car j’ai téléchargé directement une capture d’écran.

Le navigateur que j’ai utilisé sur PC est Chrome.
Pour le téléphone, c’est Android 10.

Voici le lien vers l’image problématique que j’ai publiée :

Peut-être voudriez-vous vérifier si vous rencontrez le même problème avec l’image du lien ci-dessus ?

5

Oui, c’est la même image, mais elle s’affiche différemment sur PC et sur mobile.

6

C’est dû aux règles CSS d’un thème/composant personnalisé :

// Thème : Taille des emojis
// Cible : mobile scss
// Dernière modification : 2016-02-10 14:39:25 UTC

div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}
7

Merci beaucoup d’avoir identifié la cause racine ! Cependant, je suis toujours perplexe quant à l’endroit où je peux trouver cette règle. Avez-vous une idée de la façon dont cela peut être modifié ou changé ?

8

Dans votre panneau d’administration, allez dans Personnaliser, Thèmes. Sélectionnez le thème ou le composant approprié, cliquez sur Modifier CSS/HTML, puis vérifiez l’onglet CSS, probablement dans l’onglet supérieur Mobile. Vous devriez trouver le code CSS correspondant écrit quelque part et vous pouvez soit le commenter, soit le supprimer :

(ici, il est commenté)

// Thème : 表情大小
// Cible : mobile scss
// Dernière modification : 2016-02-10 14:39:25 UTC
/*
div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}*/
9

Oui, le supprimer a résolu le problème. Merci beaucoup !