共找到2篇关于主题:mobile 的文章

css flexbox flex-end scroll-x not working

2021-03-201分钟阅读

背景 在移动设备中, 右对齐弹性布局 会导致水平滚动失效。可以通过如下方式修复 不使用,用替代 另外可以通过设置 direction: rtl 实现, 但实际不实用 Reference overflow-auto-not-working-with-justify-content-flex-end

css touch-action 应用

2021-02-181分钟阅读

在触摸设备中滚动和 touch 其实是同时触发的,这在实际编程中带来了很多不便。css 中用于控制触控的行为 usage none 禁用所有的手势操作, 由开发者自己控制滚动。 常用于在移动设备中实现拖拽能力 或者 事件中默认无法通过使用 e.preventDefault() 禁用滚动,必须设置此 css 才可以解决, 详见 auto 默认值 reference scrolling-intervention