r***@163.com
r***@163.com
  • 发布:2022-02-22 17:10
  • 更新:2022-04-08 11:22
  • 阅读:310

input android真机调试字母底部被遮挡

分类:uni-app

真机调试过程中,类似g、j、p、q、y 字母,底部被遮挡,显示不全

设置高度、内边距,都没有用,请问如何解决?

2022-02-22 17:10 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

使用调试工具看看是哪里出现问题了

r***@163.com

r***@163.com (作者)

h5下是正常的

vue页面,真机调试,怎么查看元素?

  • BoredApe

    如果能访问Google可以直接在Chrome中输入chrome://inspect打开调试页面调试Android应用。

    如果不能访问Google可以使用HBuilder X中内置的调试工具 在HBuilder X最新版里,点运行菜单,或者HBuilder X的视图菜单,点里面的“打开Webview调试模式”。

    确保手机连接正常、确保启动了可调试的app,那么右侧或底部会列出可调试的页面。点击调试/inspect即可打开Chrome控制台进行调试。

    2022-02-24 10:46

  • r***@163.com (作者)

    回复 BoredApe: 我也摸索了一下,真机调试已经可以了,发现vue页面中的nput元素在App真机上都有这个问题,我自己在vue和nvue上面做了测试,发现vue页面上面会出现遮挡,但是nvue上面不会;这和官方的示例的表现是一致的

    2022-02-24 17:19

  • BoredApe

    回复 r***@163.com: 请上传一个能重现问题的测试工程

    2022-02-24 17:20

r***@163.com

r***@163.com (作者)

手机品牌:三星 GALAXY S6 edge+
Android版本: 7.0

Vue页面上的显示效果:

Nvue页面上,是正常的

  • BoredApe

    未能重现问题

    2022-02-25 15:45

  • r***@163.com (作者)

    回复 BoredApe: 确认是在 三星 GALAXY S6 edge+ 和 Android7 上面运行的么? 附件运行起来,有很明显的效果啊


    我用webview认真调试了一下发现,input的样式里面有个“height: 100%;”,注释该样式,input会被自动撑开,不会遮挡文字底部


    另外,textarea也有这个问题,老机型上,最后一行文字底部显示不全,是q、p、j、y、g这几个涉及下两格的字母


    目前研究出来就上述问题,中文、数字、大写字母、非下两格字母,都显示正常


    是不是咱已经不再考虑老机型了?

    2022-03-10 14:03

西恩十月

西恩十月

三星Galaxy S8也出现这个问题了

  • 西恩十月

    官方的demo自己的input也会这样,大部分机型都正常。三星有问题

    2022-04-08 11:23

  • r***@163.com (作者)

    回复 l***@163.com: 终于有老哥反映同样的问题了,官方至今没回复

    2022-04-20 11:26

  • 西恩十月

    回复 r***@163.com:我放弃三星了,这个bug权当看不见,项目不能因为这个一直拖着~

    2022-04-20 14:00

该问题目前已经被锁定, 无法添加新回复