ldl_xz
- 浏览: 69367 次
- 性别:
- 来自: 南京
-
文章分类
最新评论
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？
在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页面DTD都是XHTML或者简单的HTML5声明，移动设备要用下面这个声明。
<!--more--><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。
<meta name="viewport" content="user-scalable=0" />但是为了更好的兼容，我们会使用完整的viewport设置。
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />如果需要更详细的关于viewport的资料可以参考MDN
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
貌似DTD只声明成HTML5就可以了，下面加上viewport的标签
转载自:http://www.9958.pw/post/html5_scalable
分享到：
发表评论
-
项目管理之如何控制项目进度和质量
2016-07-16 22:37 614控制项目进度和质量首先在整体上要有一个合理清晰的流程，并且在整 ... -
15 个非常棒的 CSS3 效果教程
2016-07-03 20:42 5961. 创建一个漂亮的图标 这个教程将教你如何用纯 C ... -
前20名的不安全密码（需要避免）
2016-07-01 21:41 524下图举例说明了一些人们作出选择密码时最常用的错误，以及如何使你 ... -
js实现图片放大缩小后进行的复杂排序
2016-06-30 21:57 595首先，我们来讲下需求： 1.图片分为大小和小图，大图占四个小 ... -
史上最全ajax（原生JS,javascript版，非jquery）详细注释！
2016-06-29 22:31 820史上最全ajax详细注释！（原生JS,javascript版， ... -
php千万级pv架构经验分享
2016-06-28 22:04 1303转载自:http://www.9958.pw/post/ph ... -
ecshop 时间问题请注意 /data/config.php
2016-06-27 22:43 881ecshop 处理时间，绕来绕去， 后台的时区设置， 并非以 ... -
目前比较流行的二维码的生成
2016-06-26 23:55 594最近比较流行二维码，自己百度了一下发现有一个很不错的实现方法使 ... -
PHP解决Xss跨域攻击以及sql注入等危险字符串方案类库
2016-06-19 21:45 789由于该模块在项目中的要求是 不能提示任何信息，也不作断点操作， ... -
网站敏感骂人词库及算法（附6仟个敏感词）
2016-06-16 22:07 5915原文：「我今天开着张三丰田去上班 」 strtr：「我今天开 ... -
jQuery制作元素在屏幕中水平垂直居中效果
2016-06-14 21:56 608jQuery.fn.center = function () ... -
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
2016-06-11 21:32 9931、正方形 CSS代码如下： #square { widt ... -
分享一个JQuery写的点击上下滚动的小例子
2016-06-08 22:00 511效果图 演示地址 源码下载 <!--more--> ... -
精美的国外扁平化网页设计作品
2016-06-05 16:02 610Who Wanna <!--more--> ... -
提交您的博客到各大网站
2016-06-03 21:04 389各大搜索引擎网站登录入口： Google收录入口：http:/ ... -
推荐7个 CSS3 制作的创意下拉菜单效果
2016-06-02 22:15 4091. 使用 jQuery 和 CSS3 制作向下滑动的导航菜单 ... -
Dev Http Client（Chrome的HTTP插件）
2016-05-31 22:34 759Dev Http Client（Chrome的HTTP插件） ... -
好的用户界面-界面设计的一些技巧
2016-05-29 16:24 4051 尽量使用单列而不是 ... -
项目组制定的一份页面优化指南
2016-05-27 21:40 3681.文档声明 文档声明必须置于网页的HTML部分的最开始，标签 ... -
mysql数据库sql优化原则
2016-05-26 21:20 335这里的原则 只是针对mysql数据库，其他的数据库 某些是殊途 ...
相关推荐
本文将详细介绍如何阻止移动设备（如手机、平板电脑）的浏览器双击放大网页。 首先，我们需要理解移动设备浏览器中的`viewport`概念。`viewport`是指浏览器显示网页的实际可视区域，它可以小于或等于设备的屏幕尺寸...
#### 标题：判断当前设备是Pad还是手机 #### 描述：判断当前设备是Pad还是手机，根据其是否支持电话服务 #### 标签：Android pad phone 设备 #### 部分内容： ```java /** * 判断当前是否为平板设备 * @param ...
安卓平板Pad版应用浏览器推荐 作为一个移动互联网时代，安卓平板市场的竞争日益激烈，各种品牌之间展开激战，争夺市场份额。同样，网络浏览器市场也竞争激烈，各软件商争相推出 Pad 版或 HD 版浏览器，以满足用户的...
在当前的数字化时代，移动设备如手机和平板电脑已经成为我们日常生活和工作中不可或缺的一部分。因此，为这些设备提供优秀的用户体验至关重要，特别是在网页设计中。本文将深入探讨“适合手机、pad等移动终端的tab...
傲游浏览器Pad版 V4.3.5.2000 软件类型：免费软件 所属类别：网络浏览 更新时间：2014-12-15 程序大小：6.45MB 系统要求：2.2以上 傲游浏览器在 2013 年全新升级为傲游云浏览器，安卓平板版本的傲游云浏览器即将...
在使用QT进行移动设备（如手机或PAD）的TCP客户端连接到主机TCP服务器时，需要注意多个关键点以确保通信的顺利进行。以下是一份详细的指南，涵盖了从网络配置到编程实现的各个方面： **网络配置** 1. **同局域网...
这个函数可以应用在多种场景下，例如调整网页布局以适应小屏幕设备，或者提供专门为移动设备优化的功能和服务。然而，需要注意的是，随着新的设备和浏览器不断出现，这个检测函数需要定期更新以保持其有效性。 在...
效果描述： 适合在多种移动设备终端... 包括pad、手机浏览器等 内容高度自适应 当然，pc客户端也可兼容，兼容主流浏览器，IE6还未经测试 使用方法： css、js以及html不缺少的拷贝你的网页中即可
iPad2网页模拟器是一种基于Web技术的工具，它允许开发者和设计师在不拥有实体iPad2设备的情况下，测试和调试他们的网站或应用在iPad2设备上的显示效果和交互体验。这个模拟器利用了现代Web标准，特别是CSS3和HTML5，...
【电脑连接手机上网工具PadNet】是一款创新的解决方案，它允许用户通过Android设备分享移动数据连接，让电脑在没有有线网络的情况下也能实现上网。这一技术基于热点功能，利用手机的3G或4G网络为电脑提供互联网接入...
兼容性非常好，经测试，多种手机浏览器终端，幻灯片图片都是按照等比例缩放，包括pad等平板电脑，pc客户端 使用方法： 1、在head中引入css样式以及jQuery库、jquery.flexslider插件 2、将body中的代码...
2、自适应移动设备屏幕，支持手机、pad、电脑同时访问 3、纯文本存储，不使用数据库 4、输出文件可以用 excel 打开编辑 5、自动记录时间 6、UTF-8编码 文件组成 共2个文件： index.php，首页文件，程序入口 ...
对于移动设备开发，C#借助.NET框架和Xamarin平台，能够实现跨平台的高性能应用开发，覆盖iOS、Android以及Windows等多个操作系统。本详细资料主要探讨的是使用C#进行移动设备开发的相关技术。 1. **C#基础**：学习...
应用简介 手机、Pad也能打印？！ 人在异地照片就可打印到家？...打印工场支持任何一台打印机（无需网络功能），用户只进行简单的安装，无需任何设置，便可实现使用手机、Pad等移动设备直接打印的需求。
标题中的“Android手机、PAD控制WIFI智能小车机器人安装包 for 3.0”揭示了这个软件的主要功能，即通过Android设备（包括手机和平板）来远程控制一个配备了WiFi功能的智能小车机器人。这款软件是专为Android 3.0及...
咖啡 网页设计 pad 原始文件咖啡 网页设计 pad 原始文件
JS判断是否手机或pad访问实现方法 S判断是否手机或pad访问 方面的内容，对于利用JS判断是否手机或pad访问 感兴趣的同学可以看下， 直接上代码： [removed] /* * 智能机浏览器版本信息: * */ var browser={ ...
* 海豚浏览器 HD 是一款专为大屏幕移动设备设计研发的网络浏览器 * 海豚浏览器 HD 基于 WebKit 内核，优点是高效稳定 * 海豚浏览器 HD 的缺点是对网银支持不好 * 海豚浏览器 HD 的特色功能包括手势操作、缓存设置、...