CSS - 禁止手机移动端网页缩放（meta）

前言

您一定不希望手机网页被缩放，本文将提供给您简易的解决方案。

解决方案

注意：该方法并不能 “完全” 控制（浏览器有自己的缩放）其缩放，如果想要完全控制则需要使用 JS 加码了。

打开该页面，在顶部加入：

width 　　　　 　　　　 // 设置 viewport 的宽度，正整数/字符串 device-width
height 　　　　　　　　 // 设置 viewport 的高度，正整数/字符串 device-height
initial-scale  　　　 // 设置设备宽度与 viewport大小之间的缩放比例，0.0-10.0之间的正数
maximum-scale 　　　　// 设置最大缩放系数，0.0-10.0之间的正数
minimum-scale 　　　　// 设置最小缩放系数，0.0-10.0之间的正数
user-scalable 　　　　// 如果设置为 no 用户将不能缩放网页，默认为 yes，yes / no

写在后面

如果是 Nuxt.js 项目，打开 nuxt.config.js 加入就行了。

SEO

CSS - 禁止手机移动端网页缩放（meta），Vue移动端某些浏览器禁止双指缩放(user-scalable=no)，移动端禁止用户缩放页面大小尺寸，H5实现移动端禁止页面缩放(适用Android和IOS) ，移动端阻止浏览器页面缩放，手机打开网页的时候,如何禁止缩放呢?移动端禁止缩放页面 meta属性，meta 移动端禁止缩放，移动端禁止浏览器强制缩放问题。