우선순위/심각도: 낮음. 플랫폼: Windows 10의 Firefox 127.0 및 Android 14의 Chrome 125.0.6422.165에서 확인됨. 설명: 아래를 참조하세요. 재현 단계: 한 줄에 두 개의 이미지를 배치하되, 하나는 690×500픽셀(가로 또는 세로 방향) 이상의 해상도이고 다른 하나는 그 이하의 해상도를 갖도록 합니다.
예상 동작
라이트박스 이미지와 일반 img 태그는 라이트박스의 추가 기능(효과)을 제외하고는 CSS에서 동일한 방식으로 처리되어야 합니다.
문제점
Discourse의 내장 CSS에는 img에 vertical-align: middle이 설정되어 있지만 .lightbox-wrapper에는 설정되어 있지 않아, 같은 줄에 있는 라이트박스 이미지와 일반 이미지가 정렬되지 않고 불필요한 수직 공간을 차지하게 됩니다:
