Flutter Web在三星Galaxy S22上字符间距异常（设备特定问题）

• 系统设置干扰
  三星One UI自带字体自定义功能，可能强制调整了网页字符间距：

  1. 打开手机「设置」→「显示」→「字体与屏幕缩放」
  2. 检查「字符间距」是否被设为非默认值，重置为「标准」
  3. 关闭「自适应字体」选项（部分机型叫「字体适配」）

• CSS字体渲染问题
  三星设备的浏览器对部分CSS属性解析有特殊逻辑，可尝试以下修复：

  1. 重置全局字符间距，避免继承异常：

     * {
       letter-spacing: normal !important;
       /* 若需自定义间距，确保单位统一用em/rem，避免px适配问题 */
     }
     

  2. 强制字体渲染模式，关闭浏览器的字体优化：

     body {
       text-rendering: optimizeSpeed;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       font-feature-settings: "kern" off;
     }
     

  3. 确保网页字体加载正常，避免 fallback 字体导致的间距偏差：
     检查@font-face配置，确认字体文件路径正确，添加本地字体 fallback 时优先匹配系统常用字体。

• 浏览器适配问题

  1. 建议用户更新三星自带浏览器或Chrome到最新版本，修复已知渲染bug
  2. 测试在其他浏览器（比如Firefox Mobile）打开网页，排查是否为特定浏览器问题

• 移动端viewport配置
  检查网页<head>中的viewport标签是否正确，避免页面缩放导致的排版异常：

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

内容的提问来源于stack exchange，提问作者Syed Mehtab Ali