如何在 Foundation Framework 中禁用 "Pinch Zoom"？

Question

我可以在我的 Web 应用程序中禁用 "Pinch Zoom" 吗？怎么样？

或者应用程序锁定了它在您打开应用程序时检测到的响应能力？这可能吗？

Answer 1

尝试将此添加到您的 <head> 区域：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Answer 2

当然可以

        /* Prevent elements to be highlighted on tap */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
         /* Put the scroller into the HW Compositing layer right from the start */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
        height: 100%;
        overflow: hidden;

如何在 Foundation Framework 中禁用 "Pinch Zoom"？

How Can I Disable "Pinch Zoom" in Foundation Framework?

html

javascript

css

jquery

zurb-foundation