모바일 기기에서 이미지가 너비에 맞게 조정되지 않음

안녕하세요, 며칠 전 업데이트 이후 반응형 이미지 관련 변경 사항이 있습니다.
이제 가로형 이미지가 페이지 너비에 맞춰 조정되지 않아, 전체 이미지를 보려면 이미지를 클릭해야 합니다. 다만, 이 버그(?)는 데스크톱 버전에서는 발생하지 않습니다.

해당 문제의 예를 보여드리겠습니다:

설정 사항은 변경하지 않았으므로, 이는 최근 업데이트 중 일부로 인한 것 같습니다. 의도적으로 변경된 사항인가요? 이미지 미리보기가 항상 페이지 너비에 맞춰 조정되도록 설정을 변경할 방법이 있을까요?

감사합니다!

이 커밋에서 변경되었습니다.

원하시면 되돌릴 수 있습니다. css에 다음 내용을 추가하세요.

.cooked,
.d-editor-preview {
  img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    height: auto;
  }
}

그러니까 모바일에서 라이트박스를 통해 전체 이미지를 보려면 거의 모든 이미지를 클릭해야 한다는 변경이 의도된 것이었나요?
.


보이는 것보다 더 많은 내용이 있다는 것을 추측하고, 확인하려면 라이트박스가 필요하다는 뜻인가요?

네, 방금 이 부분을 자세히 확인해 보았는데, 라이트박스 미디어가 없는 경우 문제를 일으킬 수 있는 것 같습니다. 예를 들어 GIF의 경우, 클릭 시 동작이 일시 정지(pause)이기 때문입니다.

저한테는 GIF가 왜곡되어 보입니다


모든 정보는 다 있는데, 사람들이 꽤 가늘게 보입니다

네, 제가 말한 게 바로 그거예요 :grinning_face_with_smiling_eyes:

리포트 감사합니다. 저도 재현할 수 있으며, 수정 방법을 검토하겠습니다.

우리 커뮤니티는 사진 중심이라 이건 우리에게 꽤나 재앙적인 상황입니다.

데스크톱:

모바일에서 보이는 모습:

@Don 님, CSS 감사합니다. 임시 해결책으로 적용해 볼 수 있을 것 같아요 :slight_smile:

그리고 @pmusaraj 님, 이슈에 바로 대응해 주셔서 감사합니다 :slight_smile:

모두 감사합니다. 위에서 Don이 링크한 커밋을 되돌렸으니, 곧 tests-passed 브랜치에서 수정될 것입니다.