来记录一下自己曾经遇到的移动端踩过的坑。
flex布局下文字超出省略不起作用
移动端滑动穿透问题!!!
较长,具体可看移动端穿透问题
由touch-action引起的移动端横向滑动、纵向滑动失效
有些属性由于不太常用,我们常常没有注意到。
有一次我发现某个区块竟然无法横向滑动,原来原因是别人使用了touch-action:pan-y;
导致只允许纵向的滑动了。
既然遇到了,就不妨看看它还有什么其他的常用属性
touch-action可能的值 | 具体的效果 |
---|---|
none | 除了触摸完全无效了。鼠标滚轮还有效果,能滚动。双指放大有效。 |
pan-y | 除了横向操作其他都有效果 |
pan-x | 除了纵向操作其他都有效果 |
manipulation | 允许双方向滚动,允许放大缩小;其余手势忽略 |
auto | 浏览器根据其支持的触控自动添加 |