html - 单击按钮使手机取消缩放

Question

所以我的网站上有一个按钮位于某个文本字段之后，所以我希望它在按下此按钮的位置缩小，因为单击按钮后出现的内容最好在未缩放的情况下查看。

这是按钮的代码:

<footer>
    <button type="submit" onsubmit="return false;" class="button"><span style="font-family:clash; font-size:18px; color:#FFF; text-shadow: 2px 2px #000;">Generate</span></button>
    <b><font color="#ff6000">Tool Update: <span id="date4">02/25/2015</span></font></b>
    <br>
    <b>
    <div id="da-count">
        <font color="#ff6000">The total resources generated today: <span id="da-remain">754315144</span></font>
    </div>
    </b>
    <script>
        function daCounter (sum) {
            var daRemain = $("#da-remain");
                daCurrent = parseInt(daRemain.text()),
                daLeft = parseInt(sum),
                daSplit = daCurrent + daLeft;
            var daCount = setInterval(function () {
                daRemain.html(daCurrent + 1);
                daCurrent += 1;
                if (daCurrent == daSplit) clearInterval(daCount);
            }, 50);
        }
        // Trigger function after 600 milliseconds
        setTimeout(function () {
            daCounter(9999528823560);
        }, 600);
    </script>
    <b><font color="#ff6000">Users Online: 635</font></b>
    </footer>

那么我怎样才能做到一旦他们点击那个按钮，他们的手机屏幕就会取消缩放。非常感谢您的帮助，谢谢!

Answer 1

如何在移动设备上禁用缩放？这是您的选择吗？

你可以使用这个:

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

这应该会在移动设备上禁用缩放。