ios,android使用HTML5开发问题汇总

viewport  控制应用屏幕属性

viewport是一个针对移动web的meta标签，它的主要属性如下

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

• width = [pixel_value | device-width ]

 控制 viewport 的宽度，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

• height = [pixel_value | device-height]
• initial-scale = float_value

初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

• minimum-scale = float_value 

允许用户缩放到的最大比例

• maximum-scale = float_value 

允许用户缩放到的最小比例

• user-scalable = [yes | no]

用户是否可以手动缩放

---

 

webkitTouchCallout  禁止原生弹出菜单

CSS3 的webkitTouchCallout  属性可以控制这个原生行为是否被执行

-webkit-touch-callout: [auto|none]

 

webkitUserSelect   禁止用户选中

如果用户长按web网页的文本内容，都会出现选中的行为，提供复制文字等功能。

CSS3 的webkitUserSelect 属性可以禁止这种默认行为.

-webkit-user-select: [auto|none]

 

---

format-detection 

/* 取消识别email地址 */
<meta name="format-detection" content="email=no;">
/* 取消识别地址 */
<meta name="format-detection" content="address=no;">
/* 取消识别电话 */
<meta name="format-detection" content="telephone=no"/>

　　

---

IOS下移除按钮原生样式 -webkit-appearance

-webkit-appearance:none;