Question

我开发了一个基于jQuery Mobile的移动网站。一切都可以在我自己的Windows Mobile设备上使用Opera Mobile 10，但我的客户总是看到页面被放大了。

我认为他可能在Opera Mobile中的缩放设置> 100％，但他声称绝对不是这样。

jQuery Mobile测试站点（http://jquerymobile.com/test/）也会出现同样的问题。以下是我客户设备上显示的网站截图：

enter image description here

知道这里可能出现什么问题吗？我无法在自己的设备或模拟器中重现此问题。

我的客户的设备是运行Windows Mobile 6.5和Opera 10的HTC HD2。

谢谢，

阿德里安

Answer 1

我只需粘贴David Storey的the answer，这是Opera Dev forums上的。{3}}。它没有具体涉及100％问题，但可能存在与视口标记问题相关的类似问题，对于遇到它的人来说。

Opera Mobile假定任何文件   具有移动特定的doctype，例如   作为XHTML Mobile Profile或XHTML Basic   针对移动设计和优化，   而具有常规doctype的文档   未针对移动设备进行优化   通常。因此，如果有桌面   doctype概述模式已启用，   你可以用它来控制   视口元元素。如果有的话   移动doctype概述模式是   禁用和常规的1：1视口   使用

视口中有一些错误   Opera Mobile中的元素支持。   它们应该在最新版本中修复   版本

Answer 2

您是否尝试过调整比例？

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

Answer 3

您应该使用xhtml mobile doctype

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

Answer 4

尝试添加<meta name="viewport" content="width=device-width">。当Opera出现时，Opera似乎表现得更好。

如果不起作用，请提交错误报告https://bugs.opera.com/wizard/。

尽管100％的缩放级别，jQuery Mobile网站在Opera Mobile 10中被奇怪地放大了

4 个答案: