Le immagini diventano quadrate nella visualizzazione mobile

Supporto
1

Ho notato che molte immagini caricate vengono compresse in un’immagine “quadrata” nella visualizzazione mobile.
Posso sapere se si tratta di un design previsto o del risultato di una impostazione?
Grazie mille!

Visualizzazione mobile:

image
image391×307 56.2 KB

Visualizzazione PC della stessa immagine:
image
image925×460 145 KB

2

Caricamento di un’immagine per conferma

image
image508×290 16.6 KB

Questa immagine è stata caricata dal mio iPhone con iOS 14 ed è venuta bene. Forse l’immagine viene compressa sul tuo telefono prima del caricamento? Per me funziona perfettamente.

Quale browser e versione stai utilizzando? E quale sistema operativo del telefono e versione hai?

3

Nota che è la stessa immagine in entrambi i casi, visualizzata solo su mobile? Sembra che il calcolo del rapporto d’aspetto o dell’altezza sia andato in tilt.

4

Grazie per la risposta.

Non credo che venga compressa, dato che ho caricato direttamente uno screenshot.

Il browser che ho usato su PC è Chrome.
Per il telefono, è Android 10.

Questo è il link per l’immagine problematica che ho pubblicato:

Forse vorresti verificare se riscontri lo stesso problema con l’immagine nel link sopra?

5

Sì, è la stessa immagine, ma appare diversamente su PC e su mobile.

6

È a causa delle regole CSS di un tema/componente personalizzato:

// Tema: Dimensione emoji
// Target: mobile scss
// Ultima modifica: 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

Grazie mille per aver individuato la causa principale! Tuttavia, sono ancora confuso su dove trovare questa regola. Hai qualche idea su come possa essere modificata o cambiata?

8

Nel pannello di amministrazione, vai su Personalizza, Temi. Seleziona il tema o il componente appropriato, fai clic su Modifica CSS/HTML, quindi controlla la scheda CSS, probabilmente nella scheda superiore per dispositivi mobili. Dovresti trovare il codice CSS corrispondente scritto da qualche parte e puoi either commentarlo o eliminarlo:

(ecco come è commentato)

// Tema: 表情大小
// Target: mobile scss
// Ultima modifica: 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

Sì, rimuoverlo ha risolto il problema. Grazie mille!