设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
搜索
热搜: 活动 交友 discuz
查看: 2373|回复: 0
打印 上一主题 下一主题

[Html5] html5 在移动端禁止页面缩放和选中复制

[复制链接]
跳转到指定楼层
楼主
发表于 2016-7-17 12:06:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
最近在开发过程中,遇到客户提出移动端禁止页面缩放和禁止长按选中复制等属性,除在安卓/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>  


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


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-11-23 19:41 , Processed in 0.093600 second(s), 23 queries .

Powered by Mr.Kevin-ying

© 2004-2015

快速回复 返回顶部 返回列表