127.移动端踩坑记录

来记录一下自己曾经遇到的移动端踩过的坑。

flex布局下文字超出省略不起作用

移动端滑动穿透问题!!!

较长,具体可看移动端穿透问题

由touch-action引起的移动端横向滑动、纵向滑动失效

有些属性由于不太常用,我们常常没有注意到。
有一次我发现某个区块竟然无法横向滑动,原来原因是别人使用了touch-action:pan-y;

导致只允许纵向的滑动了。

既然遇到了,就不妨看看它还有什么其他的常用属性

touch-action可能的值 具体的效果
none 除了触摸完全无效了。鼠标滚轮还有效果,能滚动。双指放大有效。
pan-y 除了横向操作其他都有效果
pan-x 除了纵向操作其他都有效果
manipulation 允许双方向滚动,允许放大缩小;其余手势忽略
auto 浏览器根据其支持的触控自动添加

完整的属性MDN

移动端better-scroll组件的用法和禁忌

如何实现多行省略

猜你喜欢

转载自www.cnblogs.com/can-i-do/p/13172711.html