새로운 /about 배너가 모바일에서 잘림

기여 UX
1

좋은 아침입니다!

모바일(아이폰 13 Pro, Google Chrome, 하지만 이는 차이를 만들지 않을 것입니다)에서 /about 페이지를 확인해 보았더니 다음과 같은 문제가 발견되었습니다.

image
image421×911 52.7 KB

이는 의도된 설계일 수 있으며 수정이 불가능할 수도 있지만, 참고용으로 남겨두겠습니다 :slight_smile:

3개의 좋아요
2

안드로이드 A14, Chrome에서 재현 가능합니다.
이유는 해당 요소가 이미지이기 때문에 줄바꿈이 되지 않는 것 같습니다. 의도된 동작이 아닐 가능성이 높습니다.

3개의 좋아요
5

새로운 소개 배너 ATM은 데스크톱에 더 최적화되어 있습니다.

이 내용을 모바일 CSS에 커스텀 TC로 추가하세요.

.about__banner {
  width: calc(120%);
  max-width: 392px;
  margin-left: -0.50em;
  padding-bottom: 0.5em;
}

이미지에는 "Xtropolis.one"이라는 서비스의 홍보 광고가 있습니다. 이 서비스는 가상 현실 기술과 관련이 있는 것으로 보이며, 선명한 네온 라이트와 미래지향적인 요소가 배치되어 최첨단 기술 테마를 암시합니다. (AI 캡션)
이미지에는 "Xtropolis.one"이라는 서비스의 홍보 광고가 있습니다. 이 서비스는 가상 현실 기술과 관련이 있는 것으로 보이며, 선명한 네온 라이트와 미래지향적인 요소가 배치되어 최첨단 기술 테마를 암시합니다. (AI 캡션)864×1614 84.1 KB

새로운 소개 페이지에 대한 토론은 여기 있습니다

2개의 좋아요
6

이 문제가 해결될 것입니다:

모바일용에 다른 크기의 이미지를 업로드할 수 있는 기능을 추가할 수 있지만, 현재로서는 위의 PR이 모바일 환경에서 상황을 크게 개선할 것입니다.

3개의 좋아요
7

음… 대부분 수정되었지만, 완전히는 아닙니다.

This image appears to be a screenshot from a mobile device displaying a website with a black background and white text. (Captioned by AI)
This image appears to be a screenshot from a mobile device displaying a website with a black background and white text. (Captioned by AI)1080×2408 189 KB

8

음, 제 폰(iPhone 15 Pro)에서는 괜찮게 보입니다:

The image shows a computer screen with a Discourse Meta application open, displaying a message about the online home for the Discourse community. (Captioned by AI)
The image shows a computer screen with a Discourse Meta application open, displaying a message about the online home for the Discourse community. (Captioned by AI)1179×2556 221 KB

사용하시는 기기와 브라우저는 무엇인가요?

9

네, 제 iPhone 13 Pro/Chrome에서는 잘 보입니다.

image
image1170×2532 297 KB

10

Android A14, Chrome.

1개의 좋아요
11

@NateDhaliwal 확인하셨던 문제는 이제 수정되었습니다:

3개의 좋아요
12

좋아요! 궁금한 게 있었는데, 모바일에서 이미지의 텍스트는 가운데 정렬이 되어야 하나요?

1개의 좋아요