1. 정확한 제품 또는 플러그인 이름
kboard,엘리멘토 사용중입니다.
2. 상세 내용
위 등록한 사진처럼 모바일 버전으로 보았을 때 레이아웃이 망가지게 되는데요..! 물론 제목이 길거나, 닉네임이 긴 경우 등 특별한 상황에 생기는 상황이긴 하지만, 이렇게 레이아웃이 깨지면 보기도 사용하기도 불편할 것 같아 고쳐보려고 하는데요!
데스크톱으론 고칠 수 있었으나, 모바일 버전으로는 고치는게 어렵더라구요..기종마다 다 다르게 나오기도 하구요.. 레이아웃이 깨지지 않도록 하고, 여백이 생기는 등을 해결하기 위해 어떻게 하면 좋을까요?
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
모바일 기준으로는 설정한 css가 없습니다.
제가 보기에는 width가 아니라 display inline 이라 너비 조정이 안되어서 숨겨지기가 안되는 것 같습니다..!
아직 초보라 조금 상세하게 답변 해주시면 많은 도움이 될 것 같습니다!
감사합니다^^
안녕하세요~^^
모바일 레이아웃은
미디어 쿼리를 사용하여 조정하실 수 있습니다.
가이드는 아래에서 확인하실 수 있습니다.
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries
아래의 예제 코드를 활용하여 style.css 를 수정해보시겠어요?
@media screen and (max-width: 600px) { /* 가로넓이가 600px 이하일 때 */
// css 코드 입력
}
추가로 남겨주신 링크에 접속하여 확인해보니
html 자체가 구조적으로 원하시는 css로만은 하기는 어려울 듯 합니다.
구조적으로 재설계 하시는 것이 좋겠습니다.
고맙습니다.