主要问题是，如果用户在缩放框外单击，缩放将被锁定，他们将无法放大或缩小。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
视口是网页的用户可见区域。 它因设备而异，在手机上会比在电脑屏幕上小。
width=device-width 部分设置视口的宽度以跟随设备的宽度（这将因设备而异）。
initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。
maximum-scale=1.0 部分设置允许用户在页面上放大多少。 值 1.0 表示不允许缩放。
user-scalable=no 部分禁用某些设备上可能默认可用的任何缩放（例如双击以放大）。
如何在移动网页上禁用缩放
要在 HTML 中的移动网页上禁用缩放，请使用以下代码：
这将使页面适合正在查看的设备的宽度。
缩小
要在 HTML 中缩小，请使用 zoom 属性。 例如：
缩放：1；
关闭 HTML 缩放
HTML 缩放是 HTML 的一项功能，它允许 Web 浏览器放大或缩小文本和图像的大小，以使其在较小或较大的屏幕上更具可读性。 通过将 html-scaling 属性设置为“none”，可以在大多数浏览器中关闭此功能。
