单击按钮使手机解锁

时间:2017-01-30 00:58:28

标签: html css mobile

所以我的网站上有一个按钮,它出现在一些文本字段之后,所以我希望它在按下这个按钮的地方我希望它缩小,因为单击按钮后出现的内容最好是未观看的。

以下是按钮的代码:

<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>

那么我怎样才能做到这一点,一旦他们点击那个按钮,他们的手机就会屏幕显示unzooms。非常感谢一些帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

如何在手机上禁用缩放功能?这会是你的选择吗?

你可以用这个:

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

这应禁用移动设备上的缩放。