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;