-
页面窗口自动调整到设备宽度，并禁止用户缩放页面
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -
当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari（ios7.0版本以后，safari上已看不到效果）
<meta content="yes" name="apple-mobile-web-app-capable"> -
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)
<meta content="black" name="apple-mobile-web-app-status-bar-style"> -
忽略将页面中的数字识别为电话号码
<meta content="telephone=no" name="format-detection"> -
忽略Android平台中对邮箱地址的识别
<meta content="email=no" name="format-detection">
-
禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片
-webkit-touch-callout: none; -
禁止ios和android用户选中文字
-webkit-user-select:none; -
去掉被触摸时产生的半透明灰色遮罩
-webkit-tap-highlight-color: transparent; -
字体清晰
-webkit-font-smoothing: antialiased; -
设置placeholder颜色
input::-webkit-input-placeholder{color:#RED;} input:focus::-webkit-input-placeholder{color:#RED;} -
善用active属性： 点击时效果
-
打电话
<a href="tel:10086">10086</a> -
发短信
<a href="sms:10086">短信：10086</a> -
发邮件
<a href="mailto:[email protected]">电子邮箱：[email protected]</a> -
关注微信
<a href="weixin://addfriend/kuaipao8-com">微信号：xxx</a>