PC端适配到移动端记录

一、前言

最近遇到了将PC端的编辑器（在线设计编辑器）兼容到pad端，为什么不是手机端呢，因为我们手机端已经有一套专门的编辑器，但是在pad上无法直接用移动端的编辑器。之前做过的兼容基本上都是视觉上的适配，但是在编辑器中，需要各种手势的兼容，所以下面从两个方面进行分析

这里推荐一下我们的稿定编辑器哈，功能很全，性能也还ok。 稿定设计

二、适配过程

2.1 收集当前编辑器在pad端存在的问题

• 选中元素后后无法通过手势移动。
• 文本元素调起键盘特别困难，canva的交互为当元素处于选中状态并为文本元素时候，再次点击调起键盘。
• 当为竖排文本时，在ipad端可能存在偏移，表现为：光标与文字实际位置不符合。
• 布局问题，各个侧边栏太小，点击困难。
• 批量选中和手指滑动问题
• 拖放drag问题
• 部分机型存在橡皮筋效果，即上下滑页面会跟随弹动

2.2 适配到pad端（移动端）需要思考的问题

• 对于pc端某些能力，移动端是不需要的。例如快捷键，右键面板。这些功能应该在编辑器初始化时候就剥离出去。【ps：某些用户可以自己接入无线键盘】
• 对于一些高频操作（如撤销），如何在交互上便利操作。
• 性能问题。需要对于pad端做