2016-12-26 1 views
4

저는 여전히 프로그래밍에 신참이지만 모바일 장치에서 가로 스크롤을 사용하지 않도록 설정하는 방법을 알고 싶습니다. 내 웹 페이지 here에서 볼 수 있듯이 상단의 그림이 장치 너비보다 큽니다. 이 포럼에서 찾을 수있는 거의 모든 것을 시도했지만 실제로 도움이되는 것은 없습니다./작동하지 않는 모바일에서 가로 스크롤 사용 안 함

+0

overflow' :

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no"> 

이 또한 나를 위해 작동 [오버 플로우 | CSS-Tricks] (https://css-tricks.com/almanac/properties/o/overflow/) – melancia

+0

내 컴퓨터에서 모든 것이 잘 작동합니다. 크기를 조정하고 모든 것을 시도했지만 수평 스크롤 막대를 얻지 못했습니다! –

답변

1

당신의 웹 사이트는하지만 안드로이드 표준 브라우저, 모바일 파이어 폭스와 크롬에서 작동 :

나는

은 다양한 조합 body{overflow-x:hidden}을 시도했지만 아무 일하지, 머리에 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">을 넣어. 이 브라우저에는 user-scalable=no이 필요합니다.

메타 태그에 추가하기 만하면됩니다. 당신은`오해하고

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
관련 문제