모바일화면에서 화면 좌우 흔들림.
본문
좌우 스크롤은 아니고 화면이 좌우로 밀면 밀리는데 밀리지 않게 고정하려면 어떠케해야하죠?(예전에 css코드로 했던게 기억이나질않아서.......ㅠ.ㅠ)
답변 2
해당 테마의 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}
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% 채워지게 옵션_추가하셔도~
(중복 설정 가능)
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;
}
답변을 작성하시기 전에 로그인 해주세요.