uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%

uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%

2 回复

这个问题解决了吗

更多关于uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中,iPhone 6/7/8 等设备上内置 Webview 字体异常放大,通常是由于系统设置中的「显示与亮度」-「视图」设置为「放大」模式,或网页未正确设置视口(viewport)与文本缩放控制所致。

核心解决方案如下:

  1. 检查并设置正确的视口(viewport)
    pages.json 的对应页面样式或全局样式中,确保 viewport 设置正确,禁用用户缩放并固定初始缩放比例为 1:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    

    在 uni-app 中,这通常需要在 index.html 或通过条件编译处理。

  2. 使用 CSS 属性控制文本缩放
    在全局或页面 CSS 中添加以下样式,禁止系统字体自动调整:

    body {
      -webkit-text-size-adjust: 100% !important;
      text-size-adjust: 100% !important;
    }
回到顶部