웹 사이트를 iPad에서 왼쪽으로 정렬

내 iPad와 margin: 0 auto에 문제가 있습니다. div은 데스크톱에있는 것처럼 센터가 아닌 왼쪽에 맞 춥니 다.웹 사이트를 iPad에서 왼쪽으로 정렬

는 현재 사이트를 볼 수 있습니다 www.amplify.io

컨테이너 폭을 가지고 있는데 웹에하지만 아무 소용이 몇 가지 솔루션을 ... 대단히 감사합니다 어떤 포인터를 시도했습니다.

2012-05-01 Alex Fox

너비는 무엇입니까? –

이러한 모든 [HTML 유효성 검사 오류] (http://validator.w3.org/check?uri=www.amplify.io&charset=%28detect+automatically%29&doctype=Inline&group=0)를 수정해야하며 특히 중복 ID의 무리 .... 아주 나쁜. – Sparky

그게 바로 코멘트로 게시 된 이유입니다 ... HTML 기술을 향상시키는 데 도움을주기 위해서입니다. ID를 복제 할 때 더 많은 문제가 발생할 것입니다. – Sparky

는 모바일 장치에 대한 뷰포트를 설정하지 않기 때문에 발생하는 오버 플로우의 경우 될 수 있습니다. 추가

시도 :

<meta name="viewport" content="width=device-width, 
          maximum-scale=1.0" />

당신의 HTML 헤드는 확신 할 수 있습니다. 어느 쪽이 iPad 너비로 페이지 너비를 설정해야하고 스케일링이 일어나지 않았는지 확인하십시오.

출처

2012-05-01 18:41:14 SeventotheSeven

그래,이게 도움이되었다. 나는 또한 당신이 제안한 것처럼 그것의 일부가 넘쳐서 더 넓은 div 안에 내용의 일부를 넣어야했다. 나는 다른 사람들이 그게 문제가 아니라고 제안하면서 검증을 시도했다! –

-3

당신은 전체 사업부 (전체 페이지)을 의미하는 경우 :

margin-left: auto; margin-right: auto;

출처

2012-05-01 18:14:05 dlaxar

그건 알렉스가 margin : 0 auto로하고있는 것입니다. 단지 두 가지를 정의함으로써 margin : 0 auto 0 auto;를 말하는 것입니다. –

margin-left : 자동; margin-right : 자동; margin : 0 auto와 완전히 똑같습니다. – cereallarceny

나는 얼마나 많은 사람들이 최근'margin-left : auto; margin-right : auto;'마진 : 0 자동'문제에 대한 수정으로. ** 똑같은거야! ** – Sparky

Validator Results

당신은 26 오류 및 웹 사이트 (11) 경고를 가지고있다. 나는 당신의 웹 사이트가 정확하게 맞추지 않는 이유가 이것들 중 하나 때문에 돈을 걸 것이라고 생각합니다. 오류를 수정하고 문제가 해결되는지 확인하십시오. 그렇지 않으면 상황을 다시 확인하십시오.

출처

2012-05-01 18:53:29 cereallarceny

동의합니다 (OP에 대한 내 의견 참조). 많은 중복 ID도 있습니다. 그러나, 내가 대답으로 직접 게시하지 않은 이유가 있습니다. – Sparky

마크 업 유효성 검사 및 중복 ID, 정렬 오류가 발생하지 않음 ... 모든 태그를 닫을 경우 여기에있는 유일한 CSS 및 장치 별 CSS (뷰포트) ... –

웹 사이트를 iPad에서 왼쪽으로 정렬

답변

관련 문제