안녕하세요, 좋은 서비스에 감사의 말씀 올립니다.
다름이 아니라 Kboard 페이지를 모바일에서 보았을 때 고치고 싶은 점이 있어 이렇게 문의를 드립니다.
_
<사진 1>은 Kobard 데모 페이지를 모바일에서 본 것입니다.
사진 1: https://imgur.com/0WyhOF7
저는 <사진 1>에서 화살표가 가르키는 바와 같이 Kboard 글 리스트 표의 넓이를 넓히고자 합니다.
휴대폰의 가장자리까지 표의 크기를 키우고 싶습니다.
_
이를 위해 저는 크롬 개발자 도구를 이용하여 다음과 같은 코드를 작성해보았습니다.
#kboard-thumbnail-list{width: 120%;}
width의 값을 120%로 한 것은, 기본값이 100%이기 때문에 이보다는 더 큰 값을 넣어야한다고 생각했기 때문입니다.
width의 값을 120%로 넣으니 표가 커지기는 했습니다만 아래와 같은 문제점이 발생하였습니다.
_
아래에 있는 <사진 2>를 보시면 표의 가로 길이는 분명히 확대 되었으나, 오로지 '오른쪽'으로만 확대됨을 알 수 있습니다.
사진 2: https://imgur.com/e4X9Q9Z
_
저는 표를 왼쪽과 오른쪽 모두 동등하게 확대하고 싶습니다.
그렇게 함으로서 휴대폰의 왼쪽 가장자리와 오른쪽 가장자리 모두에 표가 맞닿을 수 있도록 만들고자 합니다.
어떻게 하면 좋을까요?
감사드립니다.
안녕하세요. 답변 감사드립니다!
제가 질문한 문제를 해결하였습니다.
말씀하신대로 테마 쪽 CSS를 수정하는 방법도 있었고, 저는 아래와 같이 calc 속성을 사용하여 해결하였습니다.
#kboard-default-list{margin-left: -20px; width: calc(100% + 40px);
감사합니다!
안녕하세요~^^
KBoard(케이보드) 게시판 너비는 테마 쪽에서 설정한 너비만큼 설정됩니다.
그렇기 때문에 모바일에서 KBoard 게시판을 꽉 차게 표시되게 하시려면
테마 쪽의 CSS 코드를 수정해주셔야 합니다.
저희 데모 페이지의 여백 또한 테마 쪽에서 설정하고 있습니다.
비회원으로도 확인 가능한 페이지 주소 알려주시면
CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.