如何在电子中设置最小字体大小？答案

【问题标题】：How to set a min font size in electron?如何在电子中设置最小字体大小？
【发布时间】：2018-06-20 23:22:48
【问题描述】：

我需要在我们的电子应用程序中设置一个最小值 font-size，就像 Chrome 有一个默认的 12px min font-size。

但是我找不到任何参数来设置这个属性。

【问题讨论】：

另见w3schools.com/cssref/pr_font_font-size.asp

【解决方案1】：

当使用options 创建一个新的BrowserWindow 时，您可以添加一个webPreferences 属性，它是一个对象字面量，包含名为minimumFontSize、defaultFontSize、defaultMonospaceFontSize 等的属性。例如：

mainWindow = new BrowserWindow(
{
    width: 800,
    height: 600,
    webPreferences:
    {
        minimumFontSize: 18,
        defaultFontSize: 24,
        defaultMonospaceFontSize: 20
    }
});

请注意，实际的默认字体大小可能会被任何已定义的 CSS 覆盖。

【讨论】：

谢谢！这正是我想要的！
我的整个应用程序样式是基于rem 并设置此字体大小相应地调整整个应用程序大小。谢谢！

【解决方案2】：

您的问题暗示，用户可以在您的应用程序中更改字体大小。

您可以做的是使用 css 变量，例如。 g.：

//inside my change font-size function

//1. get user set new value
var _new_user_val = 9; //px
//2. check it against your min font-size
if (_new_user_val >= 8) {
 //3. change the css var
 document.body.style.setProperty('--main-font-size', _new_user_val + 'px');
 
} else {
 //4. new user val too low - error out
 print_error("not allowed, min font size is 8px");
}

:root {
    --main-font-size: 12px; 
}

p {
    font-size: var(--main-font-size); 
}

&lt;p&gt;My Text&lt;/p&gt;

【讨论】：