SVG 元素字体大小在 MacBook Firefox 上特别变化
SVG elements font-size change specifically on MacBook Firefox
这很奇怪，因为我有另一个 Mac 桌面和 firefox（我猜是相同的版本），没有问题。仅在我的 Mac 书中。
在我的网页游戏中，我有 4 个按钮：
“玩”：“汽车”：“多人游戏”：“下载”
页面如下所示：
编辑： 在 parkingmaster.tk
进行实时预览
按钮现在看起来不奇怪的原因是因为我做了一个简单的程序，可以在 firefox 上更改它。
但其他 OS 有 windows/linux，它看起来很奇怪，因为程序不够具体（MacBook MacOS 大苏尔).
这是没有该程序的样子：
如您所见，按钮上的 svg 元素是“向上”。
我尝试更改 margin/padding，但后来我发现它是字体大小 css 属性。
它通常是“45px”，因为它适用于所有其他设备，但在 mac 上，它看起来更适合“51.5px”（程序就是这样做的）
如果这是 OS 特定的东西，我如何检测 OS 是“MacOS Big Sur”还是具体地说，我的那个我使用 (11.6.6)
TL;DR
在 JavaScript 中，如何检查 OS 是否为“MacOS Big Sur/MacOS Big Sur 11.0.0+”以及浏览器是“FireFox Browser/FireFox Browser 90+”?
要在 .nav-btn 元素上解决此问题，请将 display: inline-block 更改为 display: inline-flex 并将 align-items: center; 和 justify-content: center 添加到此 .nav-btn元素也是。
按版本检测特定浏览器是虚假的黎明，并在未来带来潜在的麻烦，例如，iPhone 上的每个浏览器都只是产品包装器中的 Safari，即 Chrome iPhone 只是 Chrome 包装器中的 Safari。
这很奇怪，因为我有另一个 Mac 桌面和 firefox（我猜是相同的版本），没有问题。仅在我的 Mac 书中。
在我的网页游戏中，我有 4 个按钮：
“玩”：“汽车”：“多人游戏”：“下载”
页面如下所示：
编辑： 在 parkingmaster.tk
进行实时预览按钮现在看起来不奇怪的原因是因为我做了一个简单的程序，可以在 firefox 上更改它。
但其他 OS 有 windows/linux，它看起来很奇怪，因为程序不够具体（MacBook MacOS 大苏尔).
这是没有该程序的样子：
如您所见，按钮上的 svg 元素是“向上”。
我尝试更改 margin/padding，但后来我发现它是字体大小 css 属性。
它通常是“45px”，因为它适用于所有其他设备，但在 mac 上，它看起来更适合“51.5px”（程序就是这样做的）
如果这是 OS 特定的东西，我如何检测 OS 是“MacOS Big Sur”还是具体地说，我的那个我使用 (11.6.6)
TL;DR
在 JavaScript 中，如何检查 OS 是否为“MacOS Big Sur/MacOS Big Sur 11.0.0+”以及浏览器是“FireFox Browser/FireFox Browser 90+”?
要在 .nav-btn 元素上解决此问题，请将 display: inline-block 更改为 display: inline-flex 并将 align-items: center; 和 justify-content: center 添加到此 .nav-btn元素也是。
按版本检测特定浏览器是虚假的黎明，并在未来带来潜在的麻烦，例如，iPhone 上的每个浏览器都只是产品包装器中的 Safari，即 Chrome iPhone 只是 Chrome 包装器中的 Safari。