标签:
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" />
控制 viewport 的宽度,可以指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
允许用户缩放到的最大比例
允许用户缩放到的最小比例
用户是否可以手动缩放
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;
标签:
原文地址:http://www.cnblogs.com/mascott/p/4744862.html