사용자 정의 CSS에서 이미지 렌더링 문제

제품 지원
1

아래의 주제에 이어서 말씀드리겠습니다. (해당 주제에 계속 글을 남기려 했지만, 현재 그 주제는 닫혀 있습니다.)

커스텀 CSS 스타일이 적용된 이미지 파일의 렌더링에 작은 버그가 있는 것 같습니다. 즉, 오른쪽 1px 검은색 실선 테두리가 표시되지 않습니다. 이미지를 95%로 축소하면 문제가 해결됩니다. 커스텀 CSS는 border : 1px solid black입니다. 편집 미리보기에서는 올바르게 렌더링되지만, 라이브 버전에서는 그렇지 않습니다. 예시는 여기에서 확인할 수 있습니다. 말씀드린 대로 이는 작은 버그이지만, 수정할 가치가 있는 문제일 것입니다. 감사합니다.

width : 98%를 함께 설정하면 이 문제를 회피할 수 있지만, 그렇게 해야만 하는 것은 아닌 것 같습니다. 어떤 의견이 있으신가요?

3

자동 폭이 테두리를 포함하도록 하려면 box-sizing만 추가하면 되는 것 같습니다.

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}
4

@Alteras 잘 작동하네요. 빠른 박수 한 번! :clap:

5

관리자분들께: 이 게시물의 코드를 적절히 수정할 수 있을까요 (아니면 프로토콜에 어긋나는 건가요)?