关于css中touch-action属性 在移动端开发中遇到的问题
2024-09-04 22:18:06
初次接触
第一次接触touch-action这个属性 是在之前一个网约车公众号项目中遇到的 当时采用的是vue做框架 cube-ui做组件库
当时在版本迭代的时候增加了余额支付的功能 需要一个密码键盘 种种原因没有引入第三方插件 而是选择了手写
样式如下图:
当连续快速点击某个数字时,在ios端出现了强制缩放,百度一圈发现了这个属性,
*{touch-action: manipulation}加上之后很管用
再次使用
在另一个烟草类微信公众号项目里,又一次使用了这个属性但是值使用了 *{touch-action: none} 这个项目中列表使用了上拉加载的功能,在开发过程中我一直使用ios在测试 没有发现滑动有什么问题 但是在提交测试后发现,在Android端表现为自己写的列表无滑动效果(swiper正常),移除该属性恢复正常
附上MDN链接 https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action
————————————————
版权声明:本文为CSDN博主「perryliuPC」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/perryliu6/article/details/80965162
最新文章
- Liunx下配置DNS服务
- 几大主流浏览器内核(Rendering Engine)
- 【从API学英语】-DriverManager
- 实验三 java敏捷开发与XP
- 用ABBYY提取文本和表格的方法
- 关于Assembly.CreateInstance()与Activator.CreateInstance()方法
- 解读Nodejs多核处理模块cluster
- UITableView的使用及性能优化
- [改善Java代码]集合运算时使用更优雅的方式
- DNS服务未响应的简单解决办法
- JSP 最佳实践: 用 jsp:include 控制动态内容
- Android中的Fragment页面切换和selector选择器
- Linux下SVN配置
- Android 7.1 ActivityManagerService 屏幕旋转流程分析 (四)
- 遍历文件路径python版,java版
- Python中实用却不常见的小技巧
- MyBaits全局配置文件的各项标签1
- 广义表操作 (ava实现)——广义表深度、广义表长度、打印广义表信息
- 将php和mysql命令加入到环境变量中
- arp攻击的处理方法