일부 CSS 문제와 개인 사용 목적에 맞게 해결한 방법
데스크톱
첫 번째는 큰 문제가 아니지만 문제가 될 수도 있습니다. 한 게시물에 이 정도로 많은 '반박(retort)'이 달리는 경우는 드뭅니다. 하지만 '반박’이 8개를 초과하면 게시물 컨트롤(Post Controls)이 깨진다는 점을 알아두셔야 합니다.
'반박’이 8개인 모습입니다. 아주 좋습니다.
데스크톱에 사용된 CSS
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
휴대폰: iPhone SE 1세대
모바일
현재 모바일에서 게시물 컨트롤이 깨지지 않고 표시할 수 있는 최대 ‘반박’ 수는, 작은 화면을 사용하는 경우를 기준으로 1개입니다.
'반박’이 1개 이상이면 게시물 컨트롤이 화면 밖으로 밀려납니다.
우리의 CSS 변경 사항을 적용했을 때의 모습입니다.
모바일 CSS
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
위 모바일 CSS를 사용하면 데스크톱에서도 모바일과 동일한 모양을 구현할 수 있습니다. 이렇게 하면 '반박’이 게시물 컨트롤 위에 배치됩니다.
우리는 이 플러그인을 정말 좋아하며 우리 포럼에서 많이 사용하고 있습니다. @angus 님, 이 작업을 맡아주셔서 감사합니다. 