标签：
meta基础知识点：
页面自动调整到设备宽度，并禁止用户缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" />
针对IOS的meta标签：
⑴ 允许全屏浏览页面的标签：
<meta name="apple-mobile-web-app-capable" content="yes" />
⑵ safari顶端状态栏样式定义/隐藏：
<meta name="apple-mobile-web-app-status-bar-style" content="blank" /> <!--隐藏状态栏--> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <!--定义状态栏样式为暗黑色-->
⑶ ios会把类似电话号码的数字变为可点击并添加到电话的连接，我们可以这样禁用它：
<meta name="format-detection" content="telephone=no" />
（4）忽略Android平台中对邮箱地址的识别
<meta name="format-detection" content="email=no" />
移动端如何定义字体font-family
body{font-family: "Helvetica Neue", Helvetica, sans-serif;}
在android或者IOS下 拨打电话代码如下：
<a href="tel:13512656621">打电话给:13512656621</a>
发短信
<a href="sms:10086">发短信给: 10086</a>
调用手机系统自带的邮件功能
<p><a href="mailto:wahaha@126.com">发电子邮件</a></p>
webkit表单输入框placeholder的颜色值改变：
input::-webkit-input-placeholder{color:red;}//颜色改为红色
input:focus::-webkit-input-placeholder{color:blue;}//用户点击变为蓝色
在IOS下清除输入框的内阴影
input,textarea {-webkit-appearance: none;}
标签：
原文地址：http://www.cnblogs.com/hfxm/p/5546126.html
