고정 된 막대 (탐색 모음이 됨)가있는 프로젝트에서 작업 중이며 그 바로 아래에 사각형이 있습니다. 그것을 클릭하면 뒤집습니다. nav와 flip div의 너비는 정확히 같고 FF, Chrome, Safari, IE에서 볼 수 있습니다.하지만 Android 브라우저에서 확인한 후 div는 탐색 바보다 10 픽셀 적습니다. 필자는 'innerContainer'(display : table-cell로 설정 됨)의 내용을 세로 및 가로로 가운데 맞추기 위해 div 'outerContainer'에서 'display : table'을 사용한다는 사실을 좁혔습니다. 이것은 현재 모든 브라우저에서 올바르게 표시되지만 브라우저의 너비가 안드로이드 브라우저에서 적게 표시되는 설정의 예제입니다. http://jsfiddle.net/adRP4/9/'display : table'은 Android 장치에서 div 표시를 더 작게 만듭니다.
.outerContainer에서 'display : table'을 제거하면 , 적절한 너비로 안드로이드 브라우저에 표시되지만 콘텐츠는 더 이상 원하는만큼 중앙에 배치되지 않습니다. 적절한 폭을 표시한다 제거 테이블 있지만 실제로 원하는 콘텐츠가 중앙에 있지 :이 예에서는 화면을 표시 I 사용 http://jsfiddle.net/adRP4/10/
수평/수직 센터링 방법에 기초한다 : (http://css-tricks.com/vertically-center-multi-lined-text/ 유사) http://www.andy-howard.com/verticalAndHorizontalAlignment/index.html ... 그녀를 설명하는 방법으로 변경하려고했을 때 : http://css-tricks.com/centering-in-the-unknown/ 모든 종류의 문제가 발생했습니다 ...
문제를 해결하는 방법에 대한 제안 사항이 있습니까?
UPDATE 내가 아이폰을 확인할 때, 나는 안드로이드 브라우저에서와 동일한 폭의 불일치가 발견 (6/28)이라면 .. 닥터 버크 ..
감사합니다, 마크