开发者都知道，高端智能手机系统中的应用主要分为两类：一类是基于本地（操作系统）运行的APP；另一类是基于高端机浏览器运行的APP。本文主要讲解后者。
1. META/LINK相关：1.百度禁止转码
当你通过百度移动版打开网页时，百度可能会对你的网页进行转码，并将其广告粘贴到你的页面上，这是非常令人厌恶的。不过，我们可以通过这个 meta 标签来禁止它：
相关链接：转码语句
2.添加到主屏幕后的标题（IOS）
3. 启用全屏模式（iOS）
当您将网站添加到主屏幕然后单击启动时，您可以隐藏地址栏（从浏览器跳转或输入链接不会产生此效果）
PS：不过我测试了5S之后发现设置“apple-touch-”是没用的，希望知道的朋友可以在下方留言告诉我。
4.设置状态栏背景颜色（IOS）
设置状态栏的背景颜色。仅当“apple--web-app-”=“yes”时才有效
范围：
6.手机号码识别（IOS）
在 iOS 上（但不是其他浏览器），看起来像电话号码的数字被视为电话链接，例如：
可能还有其他类型的号码也能被识别。我们可以通过以下方式关闭电话号码的自动识别：
但有时候，关闭自动识别手机号码后，你仍希望长按某些电话号码时能够连接拨号和短信功能，你可以使用以下方法实现：
（2）启用电话功能：
（3）启用短信功能：
7.手机邮箱识别（）
就像电话号码识别一样， 会识别与电子邮件格式匹配的字符串。我们可以使用以下元数据来管理自动电子邮件识别：
同样的，我们也可以利用标签属性来开启长按邮箱地址弹出邮件发送功能：
dooyoe@gmail.com
8.增加智能应用广告栏（iOS 6+）
9. iOS Web 应用启动动画
由于iPad的启动屏不包含状态栏区域，所以启动图在状态栏区域对应方向上需要减去20px，相应的设备上也需要减去40px。
（landscape：横屏 | portrait：竖屏）
10.添加到主屏幕后的APP图标
将 Web 应用程序图标添加到主屏幕后，有两种略有不同的方法可以指定其路径：
影响：
图标大小：
可以指定size属性，为不同的设备提供不同的图标（不过一般我们只需要提供114 x 114的图标）
官方描述如下
应用程序图标的尺寸。如果您是一个应用程序，您需要所有四种尺寸的应用程序图标。
对于 iPod touch 来说，这两种尺寸都是：
对于 iPad，这两种尺寸均为：
11. 优先使用最新版本的IE和
2.HTML/CSS1.关闭iOS键盘首字母自动大写
在 iOS 中，键盘默认启用大写功能。如果启用此功能，您可以执行以下操作：
2.关闭iOS输入自动更正
就像默认英文输入首字母自动大写一样，iOS 也有一个功能，就是默认输入法会开启对输入内容的自动修正，这种情况下，用户往往需要进行两次操作，如果不想开启这个功能，可以通过 input 标签属性来关闭：
3. 禁用文本缩放
当移动设备在横屏和竖屏模式之间切换时，文本大小会重新计算并相应缩放。如果我们不需要这个功能，可以选择禁用它：
html {
-webkit-text-size-adjust: 100%;
}
需要注意的是PC端这个属性已经被移除，移动端要让这个属性生效，必须设置`meta'。
4.如何清除移动设备上输入框的阴影
在 iOS 上，输入框默认带有内阴影，但您不能使用 box- 来清除它。如果您不需要阴影，可以像这样关闭它：
input,
textarea {
border: 0; /* 方法1 */
-webkit-appearance: none; /* 方法2 */
}
5. 快速反弹滚动
我们先来看一下移动端浏览器中反弹滚动的历史：
在 iOS 上，如果您希望某个元素具有这样的滚动效果，您可以这样做：
.xxx {
overflow: auto; /* auto | scroll */
-webkit-overflow-scrolling: touch;
}
PS：用了之后觉得不是很好，有一些奇怪的bug，这里推荐另外一款，这款插件集成了滑屏滚动的强大功能（支持3D），还内置了回弹滚动的滚动条，官方地址为：
6. 部分内容在移动设备上禁止播放
如果您不希望用户能够选择页面上的内容，您可以在 CSS 中禁用它：
.user-select-none {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all （移动端不需要） */
-ms-user-select: none; /* IE 10+ */
}
7.取消移动端触摸高亮效果
在制作移动端页面的时候，你会发现所有的a标签或者所有带有伪类:的元素在被点击触发时都会默认显示一个高亮框。如果不想要这个高亮，可以使用如下CSS方法全局禁止：
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
但是这个方法在三星手机上效果并不好，一个折中的办法就是将页面上非真实跳转链接的a标签替换成其他标签来解决这个问题。
8.如何禁止保存或复制图片（IOS）
通常在手机或者平板上长按图片 img 时，会弹出保存图片或者复制图片的选项，如果你不想让用户这么做，可以通过以下方式禁用：
img { -webkit-touch-callout: none; } 
