jQuery Mobile 웹 사이트가 100 % 줌 레벨에도 불구하고 Opera Mobile 10에서 이상하게 확대되었습니다.

jQuery Mobile을 기반으로 모바일 웹 사이트를 개발했습니다. 모든 것은 Opera Mobile 10과 함께 내 자신의 Windows Mobile 장치에서 작동하지만 내 고객은 항상 페이지를 확대 된 것으로 봅니다.jQuery Mobile 웹 사이트가 100 % 줌 레벨에도 불구하고 Opera Mobile 10에서 이상하게 확대되었습니다.

필자는 Opera Mobile에서 100 % 이상 확대/축소 설정을 할 수 있다고 생각했지만 이것이 사실이 아니라고 주장합니다.

동일한 문제는 jQuery Mobile 테스트 사이트 (http://jquerymobile.com/test/)에서도 발생합니다. 내 고객의 장치에 표시되는 다음 사이트의 스크린 샷입니다 :

enter image description here

어떤 생각이 잘못 여기에 무엇을 갈 수 있습니까? 내 자신의 장치 또는 에뮬레이터에서이 문제를 재현 할 수 없습니다.

내 고객의 디바이스는 윈도우 모바일 6.5와 오페라 10

감사합니다,

아드리안를들이받은 HTC HD2입니다

출처

2011-02-18 Adrian Grigore

웹 사이트에 대한 링크를 게시하거나 샘플 코드를 제공 할 수 있습니까? –

@James Goodwin : 이것은 내 웹 사이트와 관련이 없습니다. 같은 문제가 공식 jQuery Mobile 웹 사이트에서도 발생합니다. http://jquerymobile.com/test/ –

버전 또는 구성 문제 일 가능성이 있습니다. 최신 오페라를 다시 설치하고 도움이되는지 확인해달라고하십시오. 또한 JQM 지원 사이트에서 6.5가 아니라 win6.5.1을 언급하는 것으로 나타났습니다. 그게 무슨 뜻인지는 모르겠다. – naugtur

Opera Dev forums에 대해 David Storey가 작성한 the answer에 붙여 넣을 것입니다. 특히 100 % 문제는 아니지만 뷰포트 태그 문제와 관련하여 비슷한 문제가있을 수 있습니다.

오페라 모바일은 모바일 특정 문서 타입, XHTML 모바일 프로필 또는 XHTML 기본 등 있는 모든 문서 설계 및 모바일에 최적화 된 것으로 가정, 일반 문서 타입 와 문서는 모바일에 최적화되지 않은 동안 일반적으로. 따라서 데스크톱 doctype이있는 경우 개요 모드가 활성화되어 뷰포트 메타 요소로 제어 할 수있는 을 사용할 수 있습니다. 모바일 Doctype이있는 경우 개요 모드는 이며 일반 1 : 1 뷰포트는 입니다.

오페라 모바일의 뷰어 메타 요소 지원에 몇 가지 버그가있었습니다. 최신 버전으로 수정해야합니다.

출처

2011-02-22 16:45:45 karlcow

고마워요! 나는 이것이 깨진 이유가 아주 좋은 이유 인 것처럼 인정해야합니다. 내 웹 사이트의 다음 버전을 배포 할 때 고객이 시도해 보도록 요청합니다. –

당신은 XHTML 모바일 DOCTYPE 사용한다

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

출처

2011-02-18 20:19:06 nLL

모바일 장치에서 HTML5 doctype을 사용하는 것은 허용됩니다. –

@James Goodwin : 당신이 맞다고 생각합니다. 모바일 장치에 특별한 doctype이 필요하다면, jQM의 사람들은 분명히 이것을 알게 될 것입니다. –

xthml 모바일 doctype 오페라 미니/모바일 것입니다/모바일 웹 페이지로 적절하게 맞춰야합니다 – nLL

시도 <meta name="viewport" content="width=device-width"> 추가 . 오페라는 거기있을 때 더 잘 행동하는 것 같습니다.

그래도 작동하지 않으면 버그 보고서 https://bugs.opera.com/wizard/을 제출하십시오.

출처

2011-02-18 20:35:48 webinista

스케일을 조정 해 보셨습니까?

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

출처

2012-02-29 07:09:54

jQuery Mobile 웹 사이트가 100 % 줌 레벨에도 불구하고 Opera Mobile 10에서 이상하게 확대되었습니다.

답변

관련 문제