채택완료

모바일화면에서 화면 좌우 흔들림.

2025-03-06 (목) 22:05:14 1,994

좌우 스크롤은 아니고 화면이 좌우로 밀면 밀리는데 밀리지 않게 고정하려면 어떠케해야하죠?(예전에 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% 채워지게 옵션_추가하셔도~

(중복 설정 가능)

2025-03-07 (금) 15:44:28
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;
}

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