最近在开发过程中,遇到客户提出移动端禁止页面缩放和禁止长按选中复制等属性,除在安卓/ios原生中加入相应权限外,html5页面也可以作相应的设置。
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />这句是用来禁止页面缩放。
<pre name="code" class="html"><style type="text/css">
.nocopy {-moz-user-select:none;-webkit-user-select:none}
</style>
通过css样式禁止复制。
在此已做记录以备以后使用