Q&A

안녕하세요. 코인디아의 사르나트입니다.

 

https://korindia.com

 

모바일 레이아웃을 doorweb님 B 레이앗으로 꾸며보았습니다. 깔끔하고 특별히 흠잡을 데가 없는데 해결 안되는 부분이 있어 질문드립니다.

 

 

cap1129-05.jpg

 

아이폰5 기준으로 봤을 때 화면이 이렇게 표시됩니다... 다른 페이지는 괜찮은데 이 부분만 특히 그렇네요.

조금 살펴보니 가로 너비 420px일 경우는 오른쪽 검정 여백 없이 잘 나오고, 그 이하 해상도면 저런 형태가 됩니다. 

말하자면 회원가입 페이지에서만 '헤더'와 '푸터'가 420px로 강제 조정되고, '바디' 부분은 모바일 본래 해상도로 표시되는 것 같습니다.

 

이런 부분은 어떻게 접근해야 할까요?

 

그리고 일반 게시물의 경우 이미지 첨부파일의 파일명이 엄청 긴 경우, 파일명이 우측으로 삐져 나오면서 저런식으로 표시되는 경우도 있었습니다. 파일명을 짧게 수정 업로드하니 해결되긴 했는데... 혹시 이런 부분도 문제의 원인이 같을까요?

 

답변 부탁드리겠습니다.

 

감사합니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

댓글 4

  • 어딘가의 버튼이나 인풋 박스등 모바일 사이즈를 넘어서는 고정 사이즈가 있을 것 같습니다.
  • 혹시 "xe 회원가입 기본 스킨(default)"인가요?
    1. 회원가입 스킨을 -> "default"(기본 스킨)으로 선택되었는지 확인해주세요.
    2. xe/modules/member/skins/default/css/member.css를 열어보시면요.
    제일 마지막 줄에 추가해주세요.

    @media all and (max-width:480px){
    .xm .form-horizontal .control-group{margin-bottom:5px;}
    .xm .form-horizontal .control-label{float:none; width:100%; text-align:left;}
    .xm .form-horizontal .controls{margin-left:0;}
    }

    수정하실 때는 반드시 백업해주세요.
    혹시라도, 잘 되시면 꼭 말해주셨으면 좋겠습니다.
  • @민우
    이럴수가 정말 감사합니다. 말씀대로 하니 작동하네요.
    member.css 파일 제일 뒤에 붙여 넣기 했는데 깔끔하게 화면에 맞춰서 나옵니다.
    정말 감사합니다. ^^
    덕분에 며칠간 혼자 고생하던 것이 해결되었어요 ㅠㅠ
  • @사르나트
    잘 해결되셨다니 기분 좋습니다.