Question

当我尝试使用这样的元标记禁用缩放时：

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

我得到的唯一结果是页面开始真正缩放并且所有在％之后调整大小的div，变得很小，因为页面会自动再次缩小，我仍然能够进行缩放。所以这种方法对我来说根本不起作用。我的问题是有任何其他方法或当前方法有什么问题吗？

Answer 1

这适用于IOS 10

document.addEventListener('touchmove', function(event) {
    event = event.originalEvent || event;
    if (event.scale !== 1) {
       event.preventDefault();
    }
}, false);

或

<meta name="viewport" content="width=480, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />

Answer 2

试试这个：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />

Answer 3

页面上是否有任何Javascript在页面加载时将焦点放在表单字段上？这会导致iPhone上的缩放，特别是如果字段的字体大小小于16像素。

无法使用元标记禁用缩放

3 个答案: