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

前言

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

解决方案

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

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

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

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 移动端禁止缩放，移动端禁止浏览器强制缩放问题。

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

css 禁止手机选中,移动端-禁止长按选中文本
最近在项目中遇到了需要长按选中礼物码的东西,需要把礼物码旁边的文本禁止掉,查了资料,发现了两种方法可以禁止. css方法: .no-touch { -webkit-touch-callout: non ...
禁止手机浏览器浏览网页弹出跳转百度弹框
百度越来越恶心了,手机浏览器用百度搜索,打开链接总是弹出让你跳转到百度的提示.怎么禁止呢? 百度自己的浏览器不会弹骚扰提示框,解决办法,就是让百度以为你是用的他自己的浏览器,就不会弹跳转到百度的提示框 ...
移动端web设计尺寸_手机移动端网页按钮设计尺寸及间距规范
网页版面上的字体大小有讲究,而网站的按钮的尺寸及按钮之间的间距标准非常有细节规范. 序幕 - 点击,再点击,重复点击!用户是否能够以高触摸精度点击您的移动按钮,又或者他们是错过了按钮的目标?在责怪用户 ...
手机web——自适应网页设计（html/css控制） - 51CTO.COM
手机web--自适应网页设计(html/css控制) - 51CTO.COM 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头 ...
像素、移动端网页——CSS
文章目录像素像素定义像素分类视口(viewport) 手机像素移动端的物理像素移动端的视口--css像素移动端网页的实现调整像素比像素像素定义屏幕是由一个一个发光的小点构成,这一 ...
html浏览器pc端禁止缩放,阻止pc端浏览器缩放js代码
阻止pc端浏览器缩放js代码众所周知:移动端页面禁止用户缩放界面只需加上即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮浏 ...
HTML5响应式手机模板：电商网站设计——房地产移动端网页模板(15个页面)
HTML5响应式手机模板:电商网站设计--房地产移动端网页模板(15个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板手机网页模板手机网站模板手机模板响应式手机网站 ...
jsp页面适应手机屏幕_JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码...
手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示.关于移动端页面按手机屏幕分辨率自动缩放的js,先附上代码 var phoneWi ...
手机整屏显示数据php,JavaScript实现移动端页面按手机屏幕分辨率自动缩放示例...
这篇文章主要介绍了移动端页面按手机屏幕分辨率自动缩放的js代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下. 手机的屏幕有大有 ...

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

前言

解决方案

写在后面

SEO

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

最新文章

热门文章