Jquery mobile 使用选择菜单进行jQuery移动不需要的缩放

单击“选择”菜单时，会显示我想要的本机选择。但它也会缩放页面

我可以禁用全局缩放吗

由于布局要求，我的许多div位于

之外

我的选择看起来是这样的

<div id="inputField">
  <select name="shipping[shipping_method]" id="shipping[shipping_method]">
    <option value="opt_1">Option 1</option>
    <option value="opt_2">Option 2</option>
  </select>
</div>

选择1
选择2

您可以使用视口元标记全局禁用缩放。我不熟悉当您单击表单对象时浏览器如何放大，因此我不能100%确定这是否适合您的情况（但仍然需要尝试……）：

---

注意：对于禁用缩放，重要部分是：“初始比例=1.0，最大比例=1.0”。将这些值设置为相同值将禁用缩放。

Jasper的解决方案导致我的页面在更改设备方向时无法正确重新缩放，在两个方向上都能正常工作的稍好解决方案是：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

---

我通过增加字体大小解决了上述问题。safari在单击文本后不缩放所需的最小字体大小为50px。因此，我添加了以下css规则：

.ui-select .ui-btn select{
font-size: 50px;
}

---

由于文本仍处于隐藏状态，因此不会影响显示。而且，您还可以保持缩放功能。

如果我不想完全禁用页面上的缩放功能，而只针对选择菜单，该怎么办？

.ui-select .ui-btn select{
font-size: 50px;
}