源于生活

标题: html5 在移动端禁止页面缩放和选中复制 [打印本页]

作者: vingoo 时间: 2016-7-17 12:06
标题: html5 在移动端禁止页面缩放和选中复制
最近在开发过程中，遇到客户提出移动端禁止页面缩放和禁止长按选中复制等属性，除在安卓/ios原生中加入相应权限外，html5页面也可以作相应的设置。
这句是用来禁止页面缩放

[HTML] 纯文本查看 复制代码

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

通过css样式禁止复制

[HTML] 纯文本查看 复制代码

<pre name="code" class="html">

<style type="text/css">  

    .nocopy {-moz-user-select:none;-webkit-user-select:none}  

</style>

发到这里备忘一下
马丹,研究好久了,就这两句有用

欢迎光临源于生活 (http://bbs.vingoo.info/)