在 angular 应用中，若需支持移动端触控缩放（尤其是允许用户双指捏合缩小页面），关键在于正确配置 viewport 的 user-scalable 属性，默认禁用后将无法缩放。
默认的 明确禁止了用户缩放行为——这虽能防止误操作，但也彻底关闭了缩放功能，包括缩小（zoom out）。要恢复完整的双指缩放能力（含放大与缩小），只需将 user-scalable 设为 "yes"：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
⚠️ 注意事项：
多个微信小程序源码合集
下载
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要应用于移动端，旨在提供便捷的用户体验，无需下载安装即可在微信内使用。本压缩包包含了丰富的源码资源，涵盖了多个领域的应用场景，下面将逐一介绍其中涉及的知识点。1. 图片展示：这部分源码可能涉及了微信小程序中的``组件的使用，用于显示图片，以及`wx.getSystemInfo`接口获取屏幕尺寸，实现图片的适配和响应式布局。可能还包括了图片懒加
- user-scalable=yes 是推荐写法；user-scalable=true 在部分旧版浏览器中可能不被识别，应避免使用。
- 若需更精细控制（如限制最小/最大缩放比例），可补充 minimum-scale 和 maximum-scale，例如：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes">
- 在 Angular 中，该 meta 标签通常置于 src/index.html 的 内；若通过 Meta 服务动态注入，请确保在应用初始化前完成设置。
- 需注意：iOS Safari 对 minimum-scale
综上，启用触控缩放的核心是解除 user-scalable=no 的硬性限制，并合理设定缩放边界，兼顾可用性与用户体验。
