1
나는 css3 & html5를 사용하여 iPhone 3 용으로 설계된 웹 응용 프로그램을 보유하고 있습니다. iPhone 4 및 망막 디스플레이로 이동하는 것은 "css 픽셀"대 "물리적 픽셀"을 읽은 후에도 조금 어려웠습니다.망막 디스플레이 및 확장 문제
내 웹 응용 프로그램은 화면의 오른쪽에서 "숨겨진"페이지를 만들고 "홈 스크린"의 단추는 원하는 페이지를 화면에 밀어 넣습니다.
-webkit-transform: translate3d(+100%,0,0)
모든 아이폰 3에서 잘 작동하지만 망막 디스플레이가 두 배 넓은 때문에 아이폰 4 표시 옆에 두 페이지면, 나는 가정 : 나는 오프 스크린 페이지를 숨길 변환 다음 사용합니다.
나는 그 문제를 해결할 수있었습니다 만에서 내 메타 태그를 변경했습니다
<meta name="viewport" content="width=device-width,user-scalable=no">
에 :
<meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=2.0, user-scalable=no">
과 오프 스크린 페이지 숨길 디스플레이 속성을 사용하여 :
을display: none
하지만 아직 해결할 수없는 한 가지 문제가 있습니다. iPhone 3에서 가로로 장치를 회전하면 텍스트의 크기가 커집니다. iPhone 4에서는 더 넓은 화면이 사용되지만 텍스트 크기 조정은 발생하지 않습니다.
어떤 제안을 크게 감상 할 수있다,
티아