使用meta属性禁用手机浏览器的缩放功能

在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！

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

还有一种写法是下面：（上面是bootcss文档上写的，我常用的是上面的。）

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

使用meta属性禁用手机浏览器的缩放功能相关推荐

viewport meta 标签在手机浏览器上控制布局
什么是Viewport 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页 ...
（转）web app 禁用手机浏览器缓存方法
开发过web app的同学,特别是前端人员,都碰到这烦人的事情,JS或CSS代码改变,可手机浏览器怎么刷新都不更新,手机浏览器的缓存特别恶劣. 所以今天贴个方法解决这问题.记得,本地调试的时候贴上,上 ...
如何彻底禁用Chrome浏览器的缓存功能
禁止Chrome浏览器的缓存功能有几种方式: 使用Shift + F5强制刷新缓存.实际使用中我们发现,这种方法对于部分网页的更改并不能做到释放缓存的作用,尤其是无法释放DNS缓存. 使用隐身模式Sh ...
禁止在手机浏览器中缩放
在页面head中加入<meta name="viewport" content="width=device-width, initial-scale=1.0, ma ...
修改注册表禁用edge浏览器保存密码功能
打开注册表\HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Edge目录,创建Dword(32位)数值,名称PasswordManagerEnabled, ...
手机浏览器，html页面自动缩放
html页面根据手机浏览器自动缩放,代码如下: <!DOCTYPE html> <html><head><meta charset="utf-8&q ...
中国手机浏览器行业发展模式与投资策略分析报告2022-2028年版
中国手机浏览器行业发展模式与投资策略分析报告2022-2028年版 [报告目录]: 第一章手机浏览器相关概述 1.1 浏览器及手机浏览器简介 1.1.1 网页浏览器简述 1.1.2 手机上 ...
中国手机浏览器行业运行态势与前景趋势预测报告(2022-2028年版)
中国手机浏览器行业运行态势与前景趋势预测报告(2022-2028年版) [报告编号]: BG425078 [出版时间]: 2022年5月 [出版机构]: 中智正业研究院免费售后服务一年,具体订购流 ...
移动端UC /QQ 浏览器的部分私有Meta 属性
<meta name="format-detection" content ="telephone=no"/> 格式检测禁止识别我们页面中的数 ...

使用meta属性禁用手机浏览器的缩放功能

使用meta属性禁用手机浏览器的缩放功能相关推荐

最新文章

热门文章