项目难点:解决IOS调起软键盘之后页面样式布局错乱问题

在开发一个类似问卷星的移动端H5项目时,遇到iOS设备输入框聚焦调起软键盘后,页面布局错乱的问题。尝试多种解决方案,如JSBridge、百度方案、uniapp等,但效果不佳。最终,通过在App.vue全局设置`-webkit-backface-visibility`和`-webkit-transform: translate3d(0,0,0)`,解决了问题,但需注意可能对安卓系统的影响。" 108746536,7734742,Spring AOP实践:日志与动态代理解析,"['Spring框架', 'AOP', '设计模式', '日志管理', '代码重构']
摘要由CSDN通过智能技术生成

1、背景 

需求背景 :

    开发了一个类似问卷星的问卷系统并重构的项目,开始开发的 PC 端,其中最头疼的一点无非就是 IE 浏览器的兼容适配性问题;

    再之后项目经理要求同步进行开发 移动端 ,简单的说就是写 H5 页面,到时候会内嵌在 App 应用或 小程序 里,刚开始都是在 Edge 浏览器 模拟器 里面进行的开发测试,因为自己也是头一次开发移动端的项目,所以没啥经验( 后来知道了就是要尽量避免使用 fixed 定位,因为 IOS 会有兼容性问题),但是没办法,项目内已经有好多地方都使用了 fixed 的 固定定位,因此也就导致了,项目开发完使用 Jenkins 打包部署上线后,在 IOS 系统的苹果真机上面测试时,就遇到了各式各样的奇葩问题。。


    首当其冲,也是最大的问题就是 :

        1、当 input 输入框聚焦调用起 软键盘 输入完内容之后,也就是软键盘收起来后,整个页面布局排版样式啥的都乱了,而且当你想再次选中输入框时,发现选不中了,其实是此时整个页面都已经掉下来一块了,再想选中聚焦的话,就要往上面点击一下才行。。

问题2

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值