ios 移动端webview适配

浏览器上显示
ios移动短webview组件上显示

  1. 在浏览器端显示正常,再ioswebview移动端,下面有一部分没有显示出来,滑动不到最底部,我截图参照那个返回按钮就能看出来,高度100%,overflow:hidden

  2. 这是css

body, html
    position relative
    width 100%
    height 100%
    line-height: 1
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    user-select: none
    -webkit-tap-highlight-color: transparent
    background: $color-background
    color: $color-text
    overflow hidden
  1. 滚动用的是better-scroll

阅读 6.2k
2 个回答

已解决,ios, native高度问题

如果你的控制器有导航栏的话,那么会有半透明的穿透效果导致 wkwebview 发生 64 单位的偏移。解决方法:

  1. 设置 self.automaticallyAdjustsScrollViewInsets = false

  2. 将wkwebview 的起始位置设置为 0,64,width,height - 64

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题