web app

1、百度禁止转码

通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：

<meta http-equiv="Cache-Control" content="no-siteapp" /> 

2、启用 WebApp 全屏模式（IOS）

当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />

3、优先使用最新版本 IE 和 Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

4、HTML/CSS

　　1、关闭iOS键盘首字母自动大写

　　在iOS中，默认情况下键盘是开启首字母大写的功能的，如果启用这个功能，可以这样：

　　<input type="text" autocapitalize="off" />
　　<input type="text" autocapitalize="off" />

　　2、关闭iOS输入自动修正

　　　　和英文输入默认自动首字母大写那样，IOS还做了一个功能，默认输入法会开启自动修正输入内容，这样的话，用户经常要操作两次。如果不希望开启此功能，我们可以通过input标签属性来关闭掉：

　　　　<input type="text" autocorrect="off" />

　　3、禁止文本缩放

　　　　当移动设备横竖屏切换时，文本的大小会重新计算，进行相应的缩放，当我们不需要这种情况时，可以选择禁止：

html {
-webkit-text-size-adjust: 100%;
}

　　需要注意的是，PC端的该属性已经被移除，该属性在移动端要生效，必须设置 `meta viewport'。

     4、如何禁止保存或拷贝图像（IOS）

　　通常当你在手机或者pad上长按图像 img ，会弹出选项 存储图像 或者 拷贝图像，如果你不想让用户这么操作，那么你可以通过以下方法来禁止：

img { -webkit-touch-callout: none; }