2016-12-02 8 views
0

모바일 장치를 통해 웹을 방문하는 경우 (또는 적어도 iphone은 다른 장치를 확인할 수 없음) www.oxynergy.com 페이지를 열 때마다 조금이라도 확대하면, 화면을 집어 넣고 축소 할 수 있지만 그렇게 될 수는 없습니다. 나는 뷰포트 메타를 점검했고, 나의 이해가가는 한, 괜찮 았는데, 누구도 이걸 도와 줄 수 있니? 웹의 모바일 버전이 기본적으로 확대됨

는 지금 뷰포트 메타입니다 : 귀하의 레이아웃 폭이 장치 폭으로 설정되어

답변

1

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

감사합니다,하지만 그래서 브라우저를 허용하는 것보다 더 넓은 페이지에 요소가있다 축소합니다.

고객님의 경우 <footer><div class="row visible-xs">이 있습니다. 상자가 포함 된 블록의 100 %보다 더 크게 확장되는 것은 음수 여백입니다. 마찬가지로 class=containerclass=vc_row에도 동일한 문제가 있습니다. 스타일을 .vc_row.row에서 제거하면 문제가 해결됩니다.

레이아웃을 잘 이해하지 못해서 무엇을 시도했는지 또는 올바른 방법이 무엇인지 알 수 없지만이 상자를 컨테이너의 100 % 이상으로 넓히지 않고해야합니다. 그렇지 않으면 너비가 화면 너비보다 넓어서 축소가 가능합니다. 그냥 최소 규모를 설정했다면 스크롤 할 수 있습니다 (오버플로 -x : hidden을 설정할 수 있다고 가정하고 있지만 숨겨져 있지만 문제는 가려져 있습니다).

+0

당신은 최고의 사람입니다! 그것이 문제였습니다. 지금 나는 그것을 내 자신을 고치려고 노력할 것입니다 어떤 CSS "문제"에 직면하지만,이 내 문제를 해결 –