2013-05-03 1 views
0

클라이언트 용 웹 페이지에서 작업 중이고 모바일 대응 버전을 만들고 있습니다.100 % 너비가 모바일 웹킷에서 일관성이 없음 - Apple 기기 만

나는 대부분의 웹 사이트에서 작업했지만 '서비스'페이지를로드 할 때 페이지의 오른쪽에 간격이 있습니다. Strange는 다른 모든 페이지와 동일한 CSS를 사용하기 때문에 전체 100 % 너비로 표시됩니다. 테스트

장치 : 아이폰 4 - 크롬, 사파리 아이폰 5 - 크롬, 사파리

나는 또한 삼성 S3로이 테스트를했지만, 크롬에서 잘로드 것으로 보인다.

또한 Safari 개발자 도구를 사용하여 테스트했으며 페이지를 검사했습니다. get go에서 HTML이 100 %를 따르지 않는 것처럼 보입니다. 이 문제를 해결하는 방법을 모르겠습니다!

페이지를 미리 http://temp3.advisible.com.au/services

감사합니다!

+0

뷰포트 메타에 initial-scale = 1을 추가하면 어떻습니까? – MatTheCat

+0

나는 그것을 이미 시도했지만 불행히도 아무것도하지 않는다. – patkay

답변

0

앞으로이 문제가있는 모든 사용자에게이 문제를 해결할 수있었습니다.

나는 Wordpress 페이지 선택기를 사용하여 페이지의 html 너비를 변경했습니다.

지저분한 해결책이지만 작동합니다.

<?php 
if (is_page('services')) { 
    echo "<style> 
       @media only screen 
       and (min-width : 320px) 
       and (max-width : 480px) 
       {html {width: 340px; }} 
     </style>"; 
    } 
?> 
관련 문제