모바일 보기에서 이미지가 정사각형으로 표시됩니다

제품 지원
1

모바일 뷰에서 업로드된 이미지가 "정사각형"으로 압축되어 표시되는 경우가 많다는 점을 확인했습니다.
이는 의도된 디자인인지, 아니면 설정에 따른 결과인지 알려 주실 수 있을까요?
감사합니다!

모바일 뷰:

image
image391×307 56.2 KB

같은 이미지의 PC 뷰:
image
image925×460 145 KB

2

이미지 업로드를 확인하기 위해

image
image508×290 16.6 KB

이 이미지는 iOS 14가 설치된 제 아이폰에서 업로드했으며, 문제없이 잘 전송되었습니다. 아마도 상대방의 휴대폰에서 업로드 전에 이미지가 압축되는 것이 아닐까요? 제 경우에는 정상적으로 작동합니다.

어떤 브라우저와 버전을 사용 중이신가요? 그리고 휴대폰 OS와 버전은 무엇인가요?

3

두 번 모두 동일한 이미지가 모바일에서 표시되는 것임을 유의하세요. 화면 비율/높이 계산이 잘못되었어 보입니다.

4

답장 주셔서 감사합니다.

스크린샷을 직접 업로드했기 때문에 압축이 된 것 같지는 않습니다.

PC에서는 Chrome 브라우저를 사용했습니다.
휴대전화는 Android 10입니다.

문제가 있는 이미지의 링크는 다음과 같습니다:

위 링크의 이미지로 동일한 문제가 발생하는지 확인해 보실 수 있을까요?

5

네, 같은 이미지인데 PC와 모바일에서 다르게 보입니다.

6

커스텀 테마/컴포넌트의 CSS 규칙 때문입니다:

// Theme: 表情大小
// Target: mobile scss
// Last Edited: 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

근본 원인을 찾아주셔서 정말 감사합니다. 그런데 이 규칙을 어디서 찾을 수 있는지 여전히 헷갈립니다. 이 규칙을 어떻게 편집하거나 변경할 수 있는지 혹시 아시는 분이 계신가요?

8

관리자 화면에서 사용자 지정 > 테마로 이동하세요. 적절한 테마나 컴포넌트를 선택한 후, CSS/HTML 편집을 클릭하고, 아마도 모바일 상단 탭에 있는 CSS 탭을 확인하세요. 해당 CSS 코드가 어딘가에 작성되어 있을 것이며, 이를 주석 처리하거나 삭제할 수 있습니다:

(여기서는 주석 처리되어 있습니다)

// Theme: 表情大小
// Target: mobile scss
// Last Edited: 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

네, 제거하니 문제가 해결됐어요. 정말 감사합니다!