有时候项目会写一些H5的东西，混合式开发，有些还是非常需要注意，也算是记录一些过程

1. H5软键盘的问题

这里另写了其他文章，可以直接跳过去

2. 必须要加的Mate标签

<meta name="viewport"content="width=device-width,initial-scale=1.0, 
  maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no"/>

• width=device-width：将页面的宽度设置为设备的宽度，以确保页面在不同屏幕上正确适配。例如，iPhone 和 Android 设备的屏幕宽度不同，此属性会根据设备自动调整网页宽度，使页面布局适合设备。
• initial-scale=1.0：将页面的初始缩放比例设为 1，即网页刚打开时，按设备的实际像素大小显示内容，避免初始加载时页面被放大或缩小。
• maximum-scale=1.0：禁止用户放大页面，缩放比例最大只能是 1（100%）。这有助于保持页面布局的稳定，防止用户放大导致显示问题。
• minimum-scale=1.0：同样禁止用户缩小页面，最小缩放比例为 1。
• viewport-fit=cover：适配带有刘海屏等特殊形状屏幕的设备（如 iPhone X 及之后的机型）。这个属性允许内容扩展到设备的整个屏幕，包括不规则形状的区域，最大化利用屏幕空间。
• user-scalable=no：禁用用户手动缩放页面。这意味着用户不能通过手势或浏览器缩放控制页面大小，以确保页面在特定布局下保持一致性。