升级CefSharp with Chromium至v119后文本渲染尺寸异常偏小问题问询

问题根源 #

Chromium v108起调整了高DPI缩放处理逻辑，CefSharp默认配置未适配新规则，导致文本渲染时未正确应用系统或自定义缩放比例，进而出现尺寸偏小的情况。

修复方案 #

1. 启用系统高DPI支持 #

在CefSharp初始化前添加以下代码，让框架遵循系统高DPI设置：

Cef.EnableHighDPISupport();

2. 手动设置浏览器缩放因子 #

若系统缩放无法满足需求，可直接指定缩放级别，或动态适配系统DPI变化：

// 固定缩放比例（示例为1.25倍，可按需调整）
var browser = new ChromiumWebBrowser("目标地址");
browser.ZoomLevel = 1.25;

// 动态适配系统DPI变化
browser.DpiChanged += (sender, e) =>
{
    browser.ZoomLevel = e.NewDpi / 96.0; // 96为标准基准DPI
};

3. 配置Chromium命令行参数 #

初始化Cef时添加参数，强制固定缩放因子（适合需要统一文本尺寸的场景）：

var settings = new CefSettings();
settings.CefCommandLineArgs.Add("force-device-scale-factor", "1.0"); // 替换为所需缩放值
Cef.Initialize(settings);

4. 网页端适配优化 #

如果加载的是自定义网页，可通过HTML和CSS控制文本缩放：

• 添加viewport元标签：

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

• 使用响应式CSS单位：

html {
    font-size: 16px;
}
@media (min-resolution: 120dpi) {
    html {
        font-size: 20px;
    }
}

验证步骤 #

1. 应用任一方案后重启应用
2. 对比v107版本的文本显示效果，调整参数至符合预期
3. 测试不同系统缩放比例下的渲染情况，确保响应式特性正常

内容的提问来源于stack exchange，提问作者Balu