사진에 나온것처럼 사용자정의를 사용하고 정의값 내용이 링크주소같이 길어지면 저렇게 모바일 오른쪽 화면이 이상해집니다.
즉 사용자정의 내용이 게시판의 가로크기에(사진에서는 하얀색 백그라운드 부분) 맞춰 줄바꿈 되지 않고 그냥 쭉 넘어가 버립니다.
문서에 첨부된 이미지나 영상이 크면 모바일크기에 맞춰 축소되어 출력되는데, 사용자정의는 그렇게 되지 않습니다.
이거 어떻게 수정하나요... 초보라서 미치겠네요..
사진에 나온것처럼 사용자정의를 사용하고 정의값 내용이 링크주소같이 길어지면 저렇게 모바일 오른쪽 화면이 이상해집니다.
즉 사용자정의 내용이 게시판의 가로크기에(사진에서는 하얀색 백그라운드 부분) 맞춰 줄바꿈 되지 않고 그냥 쭉 넘어가 버립니다.
문서에 첨부된 이미지나 영상이 크면 모바일크기에 맞춰 축소되어 출력되는데, 사용자정의는 그렇게 되지 않습니다.
이거 어떻게 수정하나요... 초보라서 미치겠네요..
모바일 게시판 skin에서 aplosboard.css 파일안에 .absc.article .article-content .article-extra-value table tr th 속성에서 뭔가 변화시키는 속성이 있네요. 여기에 white-space: nowrap; 항목 찾아서 지우세요.
1040번째줄이라고 하는거같습니다.
.absc.article .article-content .article-extra-value table tr th {
white-space: normal;
}
커스텀 css 에다 추가해 주세요
스케치북이라고 하셨는데 아플로스 스킨인가 보네요..ㅎ
스킨 문제인 것 같습니다. 사용자정의 값이 띄어쓰기 없이 계속 길게 이어지는 경우를 감안하지 못했네요. 해당 부분의 태그에 word-wrap: break-word 스타일을 추가해 주어야 합니다.