Question

我正在使用jquery mobile为BlackBerry 10开发用于BlackBerry z10的移动应用程序。我使用图像作为按钮，但是当我双击图像时，整个应用程序都会缩放。

这是我使用的代码：

<a href="#frm_page1" onClick="show()"><img src="images/buttons/page1.png"/></a>

但其他图像根本没有缩放（没有链接的图像）。

我在这里使用此代码时似乎有什么问题：

<meta name="viewport" content="user-scalable=0, initial-scale=0.45, maximum-scale=0.45, minimum-scale=0.45, width=device-width, height=device-height" charset="UTF-8"/>

任何人都可以帮助我摆脱这个。提前谢谢。

Answer 1

这是我发现的一种方法，请检查一下：

<meta id="viewport" name="viewport" content="width=device-width, height=device-height, user-scalable=no/">

另一种方法是：

<script>
var meta = document.createElement("meta");
meta.setAttribute('name','viewport');
meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
document.getElementsByTagName('head')[0].appendChild(meta);
</script>

Answer 2

尝试使用虚拟点击事件。也许是因为点击事件是为了点击鼠标，而BB Z10是一个触摸屏设备，你点击它来选择一些东西。

<a href="#frm_page1" id="show_something"><img src="images/buttons/page1.png"/></a>

$（ “＃show_something”）。在（ “V单击”，函数（E）{

//显示代码

e.preventDefault（）;

}）;

jquery mobile for BlackBerry z10图像链接缩放

2 个答案: