SIR
목록으로

모바일화면에서 화면 좌우 흔들림. 채택완료

스스노우맨3
프로필 보기이 회원 글보기이 회원의 댓글보기
 10개월 전 조회 1,842
답변 2
목록

좌우 스크롤은 아니고 화면이 좌우로 밀면 밀리는데 밀리지 않게 고정하려면 어떠케해야하죠?(예전에 css코드로 했던게 기억이나질않아서.......ㅠ.ㅠ)

#모바일화면

답변 2개

채택된 답변
+20 포인트

해당 테마의 mobile.css 파일에 body { overflow-x: hidden; } 스타일을 추가하세요.

 

순정 최신5.6.10의 예라면, (theme/basic/css/mobile.css)
body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;height:100%;font-family:'Malgun Gothic', dotum, sans-serif}

이 분분에 추가~

Copy 
body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;height:100%;font-family:'Malgun Gothic', dotum, sans-serif;overflow-x: hidden}

 

html { width: 100%; }를 추가하여 초기 수평 화면이 100% 채워지게 옵션_추가하셔도~

(중복 설정 가능)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy 
html, body {
  overflow-x: hidden; /* 가로 스크롤 숨김 */
  width: 100%; /* 너비 100%로 고정 */
  position: relative; /* 포지션 설정 */
  max-width: 100%; /* 최대 너비 제한 */
  -webkit-box-sizing: border-box; /* iOS 호환성 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고