编程 HTML / CSS

阻止移动设备(手机、pad)浏览器双击放大网页的方法

Posted in HTML / CSS onJune 03, 2014

现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？

在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。但是在使用viewport之前要把页面的文档类型改成Mobile类型。通常的页面DTD都是XHTML或者简单的HTML5声明，移动设备要用下面这个声明。

复制代码

代码如下:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

设置了DTD之后就可以使用viewport使页面禁止缩放了。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。

复制代码

代码如下:

但是为了更好的兼容，我们会使用完整的viewport设置。

复制代码

代码如下:

如果需要更详细的关于viewport的资料可以参考MDN

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

貌似DTD只声明成HTML5就可以了，下面加上viewport的标签

阻止移动设备(手机、pad)浏览器双击放大网页的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

CSS3 优势以及网页设计师如何使用CSS3技术

Jul 29 HTML / CSS

Css3+Js制作漂亮时钟(附源码)

Apr 24 HTML / CSS

CSS3 Flexbox中flex-shrink属性的用法示例介绍

Dec 30 HTML / CSS

使用CSS3配合IE滤镜实现渐变和投影的效果

Sep 06 HTML / CSS

CSS3圆角和渐变2种常用功能详解

Jan 06 HTML / CSS

HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述

Jan 30 HTML / CSS

HTML5 Notification（桌面提醒）功能使用实例

Mar 17 HTML / CSS

html5 css3实例教程一款html5和css3实现的小机器人走路动画

Oct 20 HTML / CSS

HTML5微信播放全屏问题的解决方法

Mar 09 HTML / CSS

基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)

Jul 24 HTML / CSS

深入理解HTML5定时器requestAnimationFrame的使用

Dec 12 HTML / CSS

CSS使用Flex和Grid布局实现3D骰子

Aug 05 HTML / CSS

Application Cache未缓存文件无法访问无法加载问题

May 31 #HTML / CSS

HTML5 input placeholder 颜色修改示例

May 30 #HTML / CSS

利用HTML5的新特点实现图片文件异步上传

May 29 #HTML / CSS

HTML5 canvas绘制的玫瑰花效果

May 29 #HTML / CSS

html5设计原理(推荐收藏)

May 17 #HTML / CSS

html5中JavaScript removeChild 删除所有节点

May 16 #HTML / CSS

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件

May 15 #HTML / CSS

You might like

全国FM电台频率大全 - 7 吉林省

2020/03/11 无线电

PHP 实现多服务器共享 SESSION 数据

2009/08/15 PHP

javaScript 利用闭包模拟对象的私有属性

2011/12/29 Javascript

jQuery复制表单元素附源码分享效果演示

2015/09/30 Javascript

通过Jquery.cookie.js实现展示浏览网页的历史记录超管用

2015/10/23 Javascript

javascript HTML5 Canvas实现圆盘抽奖功能

2016/04/11 Javascript

js简单判断flash是否加载完成的方法

2016/06/21 Javascript

javascript定时器取消定时器及优化方法

2017/07/08 Javascript

Angularjs cookie 操作实例详解

2017/09/27 Javascript

JS中注入eval, Function等系统函数截获动态代码

2019/04/03 Javascript

jQuery pager.js 插件动态分页功能实例分析

2019/08/02 jQuery

详解vue路由

2020/08/05 Javascript

vue 单页应用和多页应用的优劣

2020/10/22 Javascript

[08:44]和酒神一起战斗 DOTA2教你做大人

2014/03/27 DOTA

[00:35]2016完美“圣”典风云人物：冷冷宣传片

2016/12/08 DOTA

python编程-将Python程序转化为可执行程序[整理]

2007/04/09 Python

Python实现删除当前目录下除当前脚本以外的文件和文件夹实例

2015/07/27 Python

Python升级导致yum、pip报错的解决方法

2017/09/06 Python

手把手教你使用Python创建微信机器人

2019/04/29 Python

python设计tcp数据包协议类的例子

2019/07/23 Python

python 多进程共享全局变量之Manager()详解

2019/08/15 Python

wxPython实现画图板

2020/08/27 Python

关于多元线性回归分析——Python&SPSS

2020/02/24 Python

python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例

2020/03/09 Python

python 实现仿微信聊天时间格式化显示的代码

2020/04/17 Python

家得宝加拿大家装网上商店：The Home Depot加拿大

2016/08/27 全球购物

新加坡航空官方网站：Singapore Airlines

2016/10/13 全球购物

澳大利亚家庭花园和DIY工具网店：VidaXL

2019/05/03 全球购物

函授本科毕业自我鉴定

2013/10/09 职场文书

审计主管岗位职责

2014/01/31 职场文书

行政人事专员岗位职责

2014/03/05 职场文书

同学聚会主持词

2014/03/18 职场文书

家长会欢迎词

2015/01/23 职场文书

2015年安全月活动总结

2015/03/26 职场文书

入伍志愿书怎么写？

2019/07/19 职场文书

各类场合主持词开场白范文集锦

2019/08/16 职场文书