2011-08-09 4 views
0

2 개의 iPhone이있는 모바일 사이트를 테스트하고 있습니다. 1을 가로 모드로 돌리면 텍스트 크기가 조정됩니다 (원하는 경우). 내가 가로 모드로 다른 회전 할 때 텍스트가iPhone 텍스트의 세로 및 가로 크기가 조절됩니다.

나는 스타일을 -webkit-텍스트 크기를 조정하여 시도,하지만 같은 행동은

html, body, p, div, h1, h2, h3, h4, h5, h6 { 
    -webkit-text-size-adjust:none; 
} 

발생 (필요하지 않음)의 크기를 조정하지 않습니다 내 헤드 태그

<head> 

    <meta charset="utf-8"> 

    <title>Site</title> 

    <meta name="HandheldFriendly" content="True"> 
    <meta name="MobileOptimized" content="320"/> 
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0"> 

    <link rel="stylesheet" href="style.css"> 

</head> 

텍스트를 항상 크기를 조정하기 위해 변경할 수있는 설정이 있습니까? 모바일 용 메타 정보를 다시 방문해야합니까?

편집 :

iPhone1 = iPhone 4 Verizon running iOS 4.2.6 
iPhone2 = iPhone 4 AT&T running iOS 4.3.5 

감사

+0

들이 모두 아이폰 OS의 같은 버전을 실행하고 있습니까? 그들은 같은 모델입니까? 어떤 모델과 버전입니까? – Moshe

+0

여기에 [더 간단한 해결책]이 있습니다 (http://stackoverflow.com/a/12585002/557810), * all *을 수정하려고하면 텍스트의 크기가 조정됩니다. – inko9nito

답변

4

장치 폭은 항상 = 폭 장치 폭이 가로 모드에서 뷰포트를 확장 할 수 세로 모드로 폭을 말한다. 이것은 iPhone의 변덕입니다 (그리고 저는 iPad라고 생각합니다). 조금 바보 같아 보이지만, 사과가 그렇게 한 것입니다.

그래서 그냥 사용 : 아직도 그들이 원하는 경우 사용자가 확장 할 수

<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0"> 

또는이 더 나은, 할 :

<meta name="viewport" content="initial-scale=1.0"> 
+0

방금 ​​많은 시간을 절약했습니다. 너 어떻게 찾아 냈니? – moritz