H5开发遇到的问题

CrabSAMA小于 1 分钟

H5 开发遇到的问题

ios 头部、底部安全区域

通过 env + css 属性实现
飞书小程序中，通过 api 获取到安全区域，自行设置 padding

ios 禁止滚动溢出效果/橡皮筋效果

body {
  /* 需要滚动的容器再添加 overflow: scroll */
  overflow: hidden;
}

touch 事件 preventDefault 问题

https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener#使用_passive_改善滚屏性能

ios input focus 放大效果禁止

<meta name="viewport" content="maximum-scale=1" />

ios 虚拟键盘问题（VisualViewport）

iOS 键盘难题与可见视口（VisualViewport）API