【问题标题】:Mobile Viewport zoom back移动视口缩小
【发布时间】:2013-09-09 18:33:48
【问题描述】:

我想让用户在点击图片时进行缩放,而我不想让他在没有图片时进行缩放。

// image function 
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes');

// no image function
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');

问题: 如果用户可以缩放,他将无法返回 NORMAL 禁用缩放,因为 no image 功能会禁用缩放,但 zoomfactor 不会返回正常视口。

所以在没有图像功能之后可以缩放,但已经有一个缩放因子:/

您知道如何在无图像功能中缩放回正常视口吗? 谢谢!

【问题讨论】:

    标签: javascript zooming viewport


    【解决方案1】:

    不要更改视口。有更好的方法来实现同样的事情 -> http://lab.hakim.se/zoom-js/

    我敢肯定,如果您像这样使用视口,您在大多数移动设备上都会遇到问题。

    【讨论】:

    • 好的,谢谢!但是是否有可能允许用户缩放而不是自动缩放?
    • 我建议禁用缩放并使用 css 转换。你甚至可以放大身体,稍微移动一下,效果是一样的。
    • 我不知道如何让用户用两根手指缩放,然后精确地向后缩放。
    • 但是您说要在用户单击图像时缩放图像。当他用两根手指时不会。
    • 对不起,我认为这是一个误会。我说我想让用户在看到图像(图像功能)时进行缩放,如果他不这样做,则不应允许缩放,但缩放应为 0。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-19
    • 2019-07-04
    • 1970-01-01
    相关资源
    最近更新 更多