直屏
常规直屏旗舰机
6.1 至 6.8 英寸、分辨率较高的主力机型。这类设备的显示最接近设计稿，主要关注状态栏遮挡与字体缩放带来的重排。
- 建议核对宽度
- 360–430 逻辑像素
- 重点检查
- 状态栏留白、图片裁切
- 常见偏差
- 系统字体放大后换行增多
机型适配：欧宝手机网页版在不同手机上的显示核对
按屏幕形态与系统版本分组，逐项列出欧宝手机网页版在各类手机上的显示关注点。 打开页面后先确认设备所属分组，再按清单核对文字、图片、按钮与滚动区域，几分钟就能判断当前设备的显示状态。
4 组
按屏幕形态划分设备类别
12 项
可逐条对照的显示检查条目
2 个工作日
提交机型信息后的答复时长
按屏幕形态分组核对
先找到自己设备所属的类别，再看该类别的重点检查项，能省掉大量无意义的逐项比对。
折叠
折叠屏与横屏展开
展开后逻辑宽度接近平板，页面栅格会切换为更宽的排布。折叠与展开的切换瞬间，最容易出现留白与图片位置跳动。
- 建议核对宽度
- 600–900 逻辑像素
- 重点检查
- 展开留白、横屏旋转
- 常见偏差
- 折叠切换后滚动位置回跳
中端
中端与入门机型
屏幕尺寸偏大但像素密度中等，这类设备更考验图片体积与滚动流畅度。图文较多的板块需要留意加载完成前的占位是否稳定。
- 建议核对宽度
- 360–412 逻辑像素
- 重点检查
- 图片加载、滚动顺畅度
- 常见偏差
- 图片未加载完成时内容跳动
小屏
小屏与较早系统版本
5.5 英寸以下或系统版本偏早的设备，可视宽度有限。文字换行次数会明显增加，按钮与标签需要确认仍可准确点中。
- 建议核对宽度
- 320–360 逻辑像素
- 重点检查
- 标题换行、触控尺寸
- 常见偏差
- 长标题挤压相邻元素
十二项显示检查清单
在手机浏览器中打开欧宝手机网页版，按下面顺序从上往下检查一遍，标橙色的条目是出现频率最高的位置。
- 顶部安全区：页面标题与状态栏之间是否留出足够空白，标题有没有被刘海或挖孔遮住。
- 首屏标题换行：标题在小屏上换行后，行高是否过密，末行是否出现单字掉行。
- 图片比例：配图是否保持固定比例，裁切时主体内容有没有被切掉边缘。
- 按钮触控：主要操作按钮的高度是否足够，点按时是否会误触相邻的文字链接。
- 文字可读性：正文段落行距是否合适，放大系统字体后是否仍能顺畅阅读。
- 横向滚动：页面是否出现非预期的左右滚动条，标签行是否可以顺畅横向滑动。
- 横屏切换：旋转屏幕后，图文是否按新的宽度重新排布，而不是被压扁。
- 底部手势区：页面最底部的内容是否被系统手势条覆盖，最后一屏能否完整看到。
- 折叠展开：折叠屏展开后，卡片列数是否切换到双列或更宽布局。
- 长文本截断：卡片标题与摘要是否正确截断，省略号位置是否统一。
- 表单输入：输入框获得焦点时键盘弹起，页面是否自动把输入框滚动到可视区域。
- 返回与刷新：页面跳转后再返回，滚动位置是否停在离开时的位置。
显示参数对照
下面是各类设备在页面上实际生效的显示参数，可以直接与自己手机的表现做比对。
项目
取值与说明
内容区最大宽度
1200 像素，超宽屏保持居中
容器左右留白
24 像素，小屏收窄至 20 像素
正文基础字号
16 像素，小屏 15.5 像素
主按钮高度
48 像素，不小于 44 像素
卡片列数切换
小屏 1 列、中屏 2 列、大屏 3 列
圆角规格
卡片 16 像素、大图 20 像素
底部安全区
按设备手势区高度动态留白
图片适配方式
等比裁切，保持固定比例框
几种常见的显示偏差
下面的情况大多由系统设置引起，不需要改动页面本身，按说明调整一次即可恢复正常。
文字整体偏大、卡片被撑高
多数来自系统字体放大档位与浏览器强制缩放叠加。把系统字体调回标准档，并在浏览器设置中关闭强制缩放，再刷新页面确认。
图片显示发虚或边缘出现空白
通常是浏览器开启了省流模式，用低分辨率替代图填充了位置。关闭省流后重新加载，图片会按实际比例重新裁切显示。
横屏后内容挤在中间一小条
部分系统会在横屏时沿用竖屏的逻辑宽度。退出页面重新进入，或先切回竖屏再旋转一次，栅格会按新宽度重新计算。
底部按钮被手势条盖住一半
说明设备报告的安全区高度与实际显示不一致。可切换系统导航方式为虚拟按键查看一次，并把机型与系统版本反馈给我们。
机型适配常见问题
提交反馈之前，先看看下面几条是否已经覆盖你的情况。
折叠屏展开后的逻辑宽度通常接近平板，页面会按更宽的栅格重新排布，两侧因此出现留白。可以先系统字体调到标准档，再旋转为横屏核对一次，多数留白来自字体缩放与横向排版的叠加，并非内容缺失。
先确认两个浏览器的缩放比例都停在 100%，并关闭阅读模式或极速模式这类会改写排版的选项。若差异仍然存在，记录浏览器名称与内核版本，连同截图一起提交，便于按内核维度比对渲染结果。
全面屏设备的底部手势区域会占用一部分可视高度，页面底部已预留安全区留白。如果仍然出现遮挡，可先在浏览器中退出全屏阅读状态，或把系统导航方式切换为虚拟按键再查看一次。
触控目标过小通常与系统字体放大后的重排有关。建议把字体调回标准档后重试，并确认浏览器未开启强制缩放。页面的主要操作按钮均按不小于 44 像素的高度设计，若依然难以点中，请提交机型与截图。
工作日提交的信息一般在两个工作日内回复，包含机型、系统版本与截图三项内容的反馈会更快定位。需要版本层面调整的条目，会合并进下一轮适配记录中统一说明。