米侠浏览器在折叠屏需手动配置系统内核+桌面版ua组合并添加dpr=2.25的自定义设备预设,否则内屏展开后页面错位、媒体查询失效、vh单位及js视口逻辑异常。

米侠浏览器在折叠屏手机上无法自动识别内外屏切换并自适应布局,必须手动配置内核、UA与设备模拟三重参数,否则外屏显示正常而展开内屏后页面错位、媒体查询失效、视频容器高度归零。
强制启用系统内核 + 桌面版UA组合
折叠态下X5内核对Flex/Grid解析不稳定,会导致栅格塌陷和导航栏消失。仅切UA或仅切内核都无效,必须二者同时生效。
进入「设置」→「浏览器内核」→ 选择「系统内核」;再进入「设置」→「浏览设置」→「UA标识」→ 选择「桌面版」。
【该组合是唯一能完整支持@media (min-width)和vh单位的配置】——填错任意一项,内屏展开后window.innerHeight仍返回外屏值,所有基于视口高度的JS逻辑全部失效。
添加真实折叠屏设备预设
仅靠窗口拉伸无法触发CSS媒体查询和JavaScript的viewport判断逻辑,必须通过开发者工具添加精确设备。
第一步:在目标网页空白处右键 → 选择「检查元素」;若无此选项,请先去【设置】→【高级设置】开启「开发者选项」。
第二步:点击开发者工具顶部的手机+平板图标(Toggle device toolbar),【必须点这个图标,F12打开的是常规面板,不激活设备模拟上下文】。
第三步:点击设备工具栏右上角「⋯」→「Edit…」→「Add custom device」,填写以下字段:
- 设备名称:填「MIX FOLD 展开态 2480x1860」
- 宽度:2480
- 高度:1860
- 设备像素比(DPR):【务必填2.25,填错将导致canvas模糊、字体发虚、@media (-webkit-min-device-pixel-ratio: 2.25)不命中】
调用预设并验证内屏渲染
方法一:返回设备工具栏 → 点击「Responsive」右侧下拉箭头 → 在列表底部找到「MIX FOLD 展开态 2480x1860」并点击。
页面立即应用该分辨率与DPR,此时window.innerWidth应返回2480,window.devicePixelRatio返回2.25。
若未生效,立刻检查页面是否含有——缺失该标签时,任何设备模拟都只是视觉缩放。











