泽众云测试 - 新闻动态 - 兼容性测试 - 正文

线上移动端兼容性bug，系统会出现哪些问题？

作者：兼容性测试发布时间：2026-08-21

一、CSS 样式类问题

布局错乱

元素错位、溢出屏幕、横向滚动条出现；flex/grid 在低版本安卓布局异常；百分比、rem/vw 计算失效。

固定定位position:fixed异常：输入框唤起键盘时 fixed 元素乱跑、飘走，安卓 webview 尤为突出。

显示异常

圆角、阴影失效：部分安卓低版本不支持部分 css 属性，圆角变成直角。

边框 1px 问题：手机高清屏，1px 线条变粗。

图片、背景图不显示、拉伸变形，background‑size 异常。

字体相关

字体大小异常，部分安卓自动放大字体；font‑size设置无效；iOS 中英文渲染差异。

文字溢出省略text‑overflow:ellipsis在部分机型不生效。

点击、外观样式

按钮点击有灰色高亮背景（移动端默认 tap 高亮）。

input、select 原生控件样式无法修改，iOS 下拉、输入框圆角自带系统样式，覆盖不掉。

输入框聚焦时页面异常放大，双击页面意外缩放。

二、输入框表单类高频 bug

唤起软键盘：

安卓：键盘弹出，页面布局错乱，页面不会自动上推，输入框被键盘遮挡。

iOS：键盘弹起后收起，页面高度没有复原，底部留白一大块空白。

input 兼容性：

type="number"输入框可以输入中文符号（安卓）。

input 聚焦光标位置异常、placeholder 文字颜色样式失效。

部分 webview 中输入框无法唤起键盘、不能输入。

表单提交、选择器：iOS 的 date、time 日期选择器样式、行为和安卓不一致。

三、JS 交互逻辑问题

点击事件

点击延迟：老移动端 300ms 点击延迟；部分安卓点击无反应，点击区域失效。

事件穿透：点击弹窗遮罩关闭，底层页面元素被同时触发点击（touch 事件穿透）。

touch 触摸事件

touchstart/touchend在部分机型偶发不触发；滑动卡顿、滑动冲突（页面滚动和弹窗滑动打架）。

API 兼容

部分 JS 新语法（ES6+）低版本安卓 webview 报错，页面直接白屏。

日期解析new Date()，iOS 对yyyy‑mm‑dd格式解析 NaN，安卓正常。

本地存储 localStorage：部分 webview 隐私模式下 localStorage 不可用，读写失败。

动画问题

css3 动画卡顿、闪屏、闪烁、黑屏；transform 动画在部分安卓掉帧。

四、WebView（APP 内嵌 H5）特有问题

很多 bug 只在 APP 内出现，浏览器打开正常

页面白屏、空白，JS 报错；

返回上一页页面状态不刷新，缓存异常；

上传图片：相机、相册调用失败，无法选择文件；

视频播放：视频无法自动播放、全屏异常，iOS 视频全屏后退出页面布局乱掉；

跳转、路由异常，url 参数丢失。

五、系统 & 屏幕适配问题

刘海屏 / 挖孔屏：内容被刘海遮挡，安全区域没适配，顶部底部内容被系统 UI 盖住。

横竖屏切换：切换后布局错乱，样式没有重新计算。

屏幕缩放：用户手机设置大字体，页面布局挤坏。

六、网络与资源

图片、字体跨域加载失败；

弱网下资源加载异常，安卓和 iOS 超时行为不一致；

https/http 混合内容，部分 webview 阻止 http 资源加载。

七、不同系统典型差异总结

iOS 典型坑

input 键盘收起页面底部留白

new Date 解析横杠日期报错

video 自动播放限制

fixed 在滚动时异常

自带表单控件样式很难覆盖

Android 典型坑

webview 版本碎片化，大量旧内核不支持新 CSS/JS

软键盘弹出页面布局混乱

touch 事件不稳定，动画容易卡顿

number 输入框可输入中文符号

本文内容不用于商业目的，如涉及知识产权问题，请权利人联系SPASVO小编(021-60725088-8054)，我们将立即处理，马上删除。

行业解决方案

通用解决方案

线上移动端兼容性bug，系统会出现哪些问题？

作者：兼容性测试发布时间：2026-08-21

其它新闻动态

目录

021-6072 5770-8054

线上移动端兼容性bug，系统会出现哪些问题？

作者：兼容性测试 发布时间：2026-08-21

其它新闻动态

目录

021-6072 5770-8054

作者：兼容性测试发布时间：2026-08-21