移动端 H5 常出现的问题有哪些？有什么解决方法？

移动端 H5 相关问题汇总：

1. 1px 问题：在移动端，由于屏幕像素密度较高，导致 1px 的边框在某些情况下显示不出来。可以使用 rem 单位或者媒体查询来解决。

2. 响应式布局：在移动端，由于屏幕尺寸不同，需要使用响应式布局来适应不同的屏幕尺寸。可以使用媒体查询、flex 布局、grid 布局等技术来实现。

3. iOS 滑动不流畅：在 iOS 设备上，由于系统的限制，滑动时可能会出现卡顿的情况。可以通过优化代码、使用平滑滚动等方式来解决。

4. iOS 上拉边界下拉出现白色空白：在 iOS 设备上，上拉下拉时可能会出现白色空白。可以通过调整样式来解决。

5. 页面件放大或缩小不确定性行为：在移动端，页面件的放大或缩小可能会出现不确定性行为。可以通过设置 viewport 来解决。

6. click 点击穿透与延迟：在移动端，click 点击事件可能会出现穿透或延迟的情况。可以通过设置点击区域、使用 touchstart 和 touchend 事件等来解决。

7. 软键盘弹出将页面顶起来、收起未回落：在移动端，软键盘弹出时可能会将页面顶起来，收起时可能不会回落。可以通过调整样式、使用 JavaScript 来解决。

8. iPhone X 底部栏适配问题：在 iPhone X 上，底部栏的高度可能会发生变化。可以通过调整样式来解决。

9. 保存页面为图片和二维码：在移动端，保存页面为图片或二维码可能会出现问题。可以通过使用第三方库来解决。

10. 微信公众号 H5 分享问题：在微信公众号中，H5 页面的分享可能会出现问题。可以通过调整分享参数来解决。

11. H5 调用 SDK 相关问题及解决方案：在 H5 中调用 SDK 时可能会出现问题。可以通过查看文档、调整参数等方式来解决。

12. H5 调试相关方案与策略：在 H5 调试时可能会遇到问题。可以通过使用 Chrome DevTools、Fiddler 等工具来解决。