Safari를 통한 사이트는 문제없습니다:
반면, 동일한 사이트를 DiscourseHub로 열면 화면 상단에서 겹치는 문제가 발생합니다:
라이트(Light) 테마와 포커스 사이드바(Focused Sidebar) 테마를 모두 테스트했습니다.
이렇게 겹쳐 있으면 사이트 상단 바의 어떤 항목도 활성화하기가 매우 어렵습니다.
iPhone 14 Pro Max, iOS 16.0.1 (현재 소매 판매 버전).
Safari를 통한 사이트는 문제없습니다:
반면, 동일한 사이트를 DiscourseHub로 열면 화면 상단에서 겹치는 문제가 발생합니다:
라이트(Light) 테마와 포커스 사이드바(Focused Sidebar) 테마를 모두 테스트했습니다.
이렇게 겹쳐 있으면 사이트 상단 바의 어떤 항목도 활성화하기가 매우 어렵습니다.
iPhone 14 Pro Max, iOS 16.0.1 (현재 소매 판매 버전).
Titlebar is not displaying properly - #13 by spdegabrielle 에 방금 댓글을 달았는데, 이제 당신의 게시물을 보니 둘이 관련이 있을 것 같습니다.
저도 그 프로젝트에 참여하고 있어요. 이 프로젝트는 더 집중된 사이드바 테마와 관련이 있고, 이쪽은 하드웨어에 특화되어 있어요. 그래서 위의 제 스크린샷 중 하나에는 두 가지가 모두 포함되어 있습니다.
Stephen님 감사합니다 - 이 문제에 대한 수정안이 진행 중이며, 배포되면 여기에 업데이트하겠습니다
확실하지는 않은데, 이게 https://community.wanikani.com에서 보이는 것과 같은 건가요? 차이점이 있다면, 저는 데스크톱과 모바일 브라우저 양쪽 모두에서 이 현상을 보고 있는데 (DiscourseHub는 사용하지 않습니다) 그래서 확실하지가 않았습니다.
로고에 height: 100%가 사용되고 있기 때문이라고 생각합니다.
.d-header {
#site-logo.logo-big {
height: 100%;
}
}
이 문제를 방지하기 위해 코어 #site-logo에 max-height: var(--header-offset)를 추가하는 것이 좋은 아이디어일 것입니다. ![]()
빠른 수정 방법 ![]()
데스크톱 theme_1에서

.d-header {
#site-logo.logo-big {
height: 100%;
}
}
그리고 모바일 theme_1에서

.d-header {
#site-logo {
height: 100%;
max-height: 100%;
}
}
공용(common) 부분에 이것을 추가하세요 ![]()
.d-header {
#site-logo {
height: 100%;
max-height: var(--header-offset);
}
}
데스크톱 부분에 이것을 추가하세요 ![]()
.d-header {
#site-logo.logo-small {
height: 2.667em;
}
}
모바일 섹션에 이것을 추가하세요 ![]()
.d-header {
.title {
max-width: 100%;
#site-logo.logo-small {
max-height: 2.4em;
}
}
}
이 변경 사항 이후 ![]()
데스크톱:
모바일:

제안해 주셔서 감사합니다. 하지만 저는 이 사이트의 관리자가 아니기 때문에 할 수 있는 일이 많지 않습니다.
Discourse Hub 업데이트가 iOS 앱스토어에 배포되었으며, 모든 것이 다시 정상적으로 작동하고 있습니다.
Discourse Hub 1.8.3에서 iPhone 14 Pro 호환성이 추가되었습니다!
포럼 헤더와 iOS 인터페이스 간에 충돌이 더 있는 경우 알려주세요.
(최신 iPhone에서만 발생하는 문제가 아닌 경우에도)
그게 6일 전에 나온 릴리스인가요, 아니면 다른 건가요?