跨平台禁用 android 和 IOS 中的放大功能

Posted 2023-02-25

【中文标题】跨平台禁用 android 和 IOS 中的放大功能

【英文标题】：Cross platform disable zoom in functionality in android and IOS both

【发布时间】：2018-06-01 10:11:47

【问题描述】：

我正在尝试禁用 android 和 ios 中的放大功能，以实现移动友好网站。我已经尝试过这些解决方案，但它适用于 android 和 iPhone 5，但不适用于 iPhone 5+ 和 iPad。

【问题讨论】：

Is there a non-hacky way to prevent pinch zoom on iOS 11.3 Safari?的可能重复

在 iOS / Safari 中，Apple 不尊重按意图禁用网站缩放 - 这已从 iOS 9 或 10 开始。

【参考方案1】：

缩放由视口中的 scaleble 属性处理（您也可以配置默认缩放比例）

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

请记住，这通常会禁用缩放。如果您只想将其限制为移动屏幕，则需要使用特定的@media 查询（取决于您想要的尺寸以及您想要限制的设备类型）

【讨论】：

我想为所有设备（android 和 ios）禁用它，但正如我提到的，它仅适用于 android 和 iPhone 5

向我们提供您正在使用的代码。但不管怎样，我提供的那个应该可以工作。

我用的是你建议的那个