1、纯css禁止用户复制文字和保存图片
body{
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
-webkit-touch-callout主要用于禁止长按菜单。当然针对webkit内核的浏览器。
user-select属性是css3新增的属性,用于设置用户是否能够选中文本。
2、使用css隐藏移动端滚动条的方法
// 滚动盒子
.wrapper {
height: calc(100% - 68px);
overflow: hidden;
overflow-y: scroll;
.wrapper-box {
-webkit-overflow-scrolling: touch;
}
&::-webkit-scrollbar {
display: none;
}
}