移动端开发可能遇到的坑总结一
2016-12-08 21:35
211 查看
一. 移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
二.
移动端取消touch高亮效果
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来进行全局的禁止:
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}但这个方法在三星的机子上无效,有一种妥协的方法是把页面非真实跳转链接的a标签换成其它标签,可以解决这个问题。
三.
如何禁止保存或拷贝图像(IOS)
通常当你在手机或者pad上长按图像 img ,会弹出选项存储图像 或者拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:
img { -webkit-touch-callout: none; }
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
二.
移动端取消touch高亮效果
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来进行全局的禁止:
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}但这个方法在三星的机子上无效,有一种妥协的方法是把页面非真实跳转链接的a标签换成其它标签,可以解决这个问题。
三.
如何禁止保存或拷贝图像(IOS)
通常当你在手机或者pad上长按图像 img ,会弹出选项存储图像 或者拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:
img { -webkit-touch-callout: none; }
相关文章推荐
- dwz问题(本文主要是供个人学习成长之用,陈述的是本人在开发过程中遇到的几个小问题的总结,可能兼或插入一些网络资料)
- 移动端 h5开发遇到的问题总结
- 总结Android Socket开发中可能遇到的问题
- Swift / Objective_C / Xcode实际开发中可能遇到的小功能小技巧总结<持续添加更新...>
- 移动端 h5开发相关内容总结——CSS篇
- 移动端 web 开发总结
- SDN开发过程中遇到的一些问题总结
- [开发总结]WebView使用中遇到的一些问题&解决
- 关于在我开发中遇到了toolbar问题总结
- 近期开发项目中遇到的问题,并总结
- 移动端 h5开发相关内容总结(三)
- 在android开发中遇到的WebView控件相应的总结
- 【转】Eclipse 开发Android小程序遇到的问题总结
- 移动端H5开发遇到问题及解决办法总结
- 移动开发学习第一发:基于百度地图开发地图显示时遇到的问题总结
- 总结移动端页面开发时需要注意的一些问题
- AutoMake系列之四,可能遇到的问题总结
- android 开发中遇到错误及解决办法总结(在别处看到的)
- J2EE开发工作中遇到的异常问题及解决方法总结
- 项目开发、项目管理中遇到的问题总结