h5 在安卓,ios中样式,功能的注意点

1,215 阅读1分钟

安卓篇(样式)

  1. 问题:font-weight无法用小于700数值来字体加粗。解决:只有font-weight:bold才会生效

  2. 问题:文字设置line-height等于height无法设置上下对齐,会往上偏移一点。解决:flex上下对齐

  3. 问题: a标签设置target="_blank",在h5中无法点击跳转页面。解决:设置target为空或者为 _self

  4. 问题: 获取a标签中的href,如果href值为相对链接时,在获取值时会被浏览器自动拼接域名 。解决:attributes.href.value 获取的为原始值

  5. 在调起虚拟键盘时,键盘弹出分为挤压窗口高度式弹出,悬浮式弹出 。问题:主要是第二种会把位于底部的输入框遮挡住,第一种直接用window.resize监听页面高度处理一些逻辑问题,第二种单纯靠h5无法解决,要么有客服端的支持,要么ui针对第二种出设计图

ios篇(样式)

  1. 问题: iOS系统版本11.0以下没有安全区域constant(safe-area-inset-top),env(safe-area-inset-top) h5页面header会和手机状态栏重叠。解决: 暂无很好的方法,只能设定一个固定padding-top值,和安卓一样处理

手机功能篇

  1. 问题: header设置的返回键,与手机自带的手势返回,并不一致(不一致的原因是,某些页面的特殊处理,包括提交功能后是进行页面跳转的,与产品设计相斥)。 解决: 暂无